整合營銷服務商

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

          免費咨詢熱線:

          網頁前端設計-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亚洲一区2区| 无码毛片视频一区二区本码| 亚洲国产综合精品一区在线播放| 亚洲丶国产丶欧美一区二区三区| 色妞色视频一区二区三区四区| 成人免费一区二区三区| 变态调教一区二区三区| 日本中文一区二区三区亚洲| 国产伦精品一区二区三区免费下载 | 国产福利日本一区二区三区| 在线精品国产一区二区三区| 另类ts人妖一区二区三区| 久久精品午夜一区二区福利| 无码AV中文一区二区三区| 亚洲一区AV无码少妇电影☆| 国产在线一区二区在线视频| 在线视频一区二区三区三区不卡| 激情内射亚州一区二区三区爱妻| 亚洲福利精品一区二区三区| 杨幂AV污网站在线一区二区| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 中文字幕在线观看一区二区 | 538国产精品一区二区在线| 久久成人国产精品一区二区| 久久婷婷色综合一区二区| 久久久久久一区国产精品| 国产日韩高清一区二区三区| 国产在线精品一区二区三区不卡| 精品人妻少妇一区二区| 日本一区二区三区精品中文字幕| 无码一区二区三区| 亚洲一区二区三区国产精华液| 日本福利一区二区| 国产免费播放一区二区| 久久综合九九亚洲一区| 麻豆果冻传媒2021精品传媒一区下载|