整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          網頁前端設計-07超鏈接

          網頁前端設計-07超鏈接

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          一、超鏈接作用:

          網頁間或本地文件間相互跳轉

          二、超鏈接標簽:a

          網頁跳轉示例:

          <a href="https://www.baidu.com/">百度網站</a>

          本地跳轉示例

          <a href="second.html">跳轉到第二個網站</a>

          效果:

          點擊百度網站后,會跳轉到百度網站


          href屬性:可以是跳轉的網頁或者本地文件的位置

          target屬性:

          1、_self 默認值,在原來窗口打開鏈接

          2、_blank 在新窗口打開鏈接(常用)

          3、_parent 在父窗口打開鏈接

          4、_top 在頂層窗口打開鏈接

          示例:

          <a href="https://www.baidu.com/" target="_blank">百度網站</a>

          三、錨點鏈接

          有些頁面內容比較多,導致頁面過長,此時用戶需要不停拖動瀏覽器上的滾動條才可以看到下面的內容。為了方便用戶操作,我們可以使用錨點鏈接來優化用戶體驗。

          法1:使用onclick事件

          <input type="button" value="按鈕"
          onclick="javascrtpt:window.location. />
          

          或者直接使用button標簽

          <button onclick="window.location.>百度</button>
          

          方法2:在button標簽外套一個a標簽

          <a >
           <button>百度</button>
          </a>
          

          或使用

          <a ><input type="button" value='百度'></a>
          

          方法3:使用JavaScript函數

          方api:https://uniapp.dcloud.io/component/rich-text.html



          富文本<rich-text>標簽提供了攔截點擊事件@itemclick,可以攔截點擊事件(只支持a、img標簽),返回當前節點信息。

          <rich-text :nodes="mcontent" @itemclick="itemclick"></rich-text>

          1、項目中,富文本中a跳轉實例子


          主站蜘蛛池模板: 国产日韩精品一区二区在线观看| 无码av中文一区二区三区桃花岛| 日韩人妻不卡一区二区三区 | 国产丝袜一区二区三区在线观看 | 亚洲国产日韩一区高清在线| 波多野结衣在线观看一区| 精品深夜AV无码一区二区| 国产综合精品一区二区三区| 精品视频在线观看一区二区三区| 亚洲国产av一区二区三区丶| 无码国产伦一区二区三区视频 | 日韩精品中文字幕视频一区 | 国产内射999视频一区| 亚洲男人的天堂一区二区| 国产一区二区三区免费看| 精品国产一区二区三区久久蜜臀| 国产一区二区精品尤物| 一区二区三区视频免费观看| 丝袜美腿一区二区三区| 国产免费一区二区三区| 亚洲制服中文字幕第一区| 免费观看一区二区三区| 中文字幕一区二区在线播放| 欧洲精品一区二区三区在线观看 | 久久精品国产第一区二区三区 | 精品一区二区三区在线观看l | 久久久一区二区三区| 成人无码AV一区二区| 中文人妻av高清一区二区| 国产在线视频一区| 久久久精品人妻一区亚美研究所| 亚洲AV综合色一区二区三区| 无码人妻AV免费一区二区三区| 亚洲av无码不卡一区二区三区| 亚洲日本精品一区二区| 国产精品视频一区麻豆| 精品一区二区久久久久久久网精| 国产一区二区三区不卡在线看| 国产成人精品无人区一区| 国产AV午夜精品一区二区入口| 久久er99热精品一区二区 |