整合營銷服務商

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

          免費咨詢熱線:

          網頁前端設計-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在线播放一区| 国产一区二区电影| 免费无码A片一区二三区| 中文字幕在线无码一区二区三区| 国内精品视频一区二区三区 | 国产日韩AV免费无码一区二区| 亚洲欧洲日韩国产一区二区三区| 一区二区三区在线播放| 无码日韩AV一区二区三区| 亚洲日韩国产欧美一区二区三区| 少妇无码一区二区二三区| 亚州日本乱码一区二区三区| 国产凹凸在线一区二区| 综合人妻久久一区二区精品| 无码人妻精品一区二区蜜桃百度 | 亚洲一区二区影院| 国产亚洲一区二区三区在线不卡| 国产成人一区二区三区| 国产精品第一区揄拍| 99久久精品午夜一区二区| 色窝窝无码一区二区三区| 亚洲国产一区在线| 亚洲国产福利精品一区二区| 亚洲一区免费视频| 亚洲国产精品一区二区三区在线观看| 日韩精品无码一区二区中文字幕| 久久99精品一区二区三区| 国产福利91精品一区二区三区| 久久99精品波多结衣一区| 91在线精品亚洲一区二区| 一本久久精品一区二区| 无码国产精品久久一区免费| 在线视频一区二区三区四区| 国产成人AV区一区二区三| 日本夜爽爽一区二区三区| 亚洲熟女少妇一区二区| 中文字幕精品一区影音先锋| 日本一区二区三区不卡视频| 白丝爆浆18禁一区二区三区|