整合營銷服務商

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

          免費咨詢熱線:

          網頁前端設計-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无码一区二区三区| 2022年亚洲午夜一区二区福利| 人成精品视频三区二区一区| 精品国产伦一区二区三区在线观看| 成人区人妻精品一区二区三区| 亚洲综合国产一区二区三区| 午夜视频一区二区| 国产未成女一区二区三区| 精品一区二区三区免费视频 | 波多野结衣精品一区二区三区| www一区二区www免费| 久久久不卡国产精品一区二区| 精品一区二区三区在线视频观看 | 精品少妇一区二区三区视频| 亚洲一区二区三区精品视频| 日韩免费无码视频一区二区三区| 亚洲综合一区国产精品| 日本精品一区二区三区在线视频| 亚洲无人区一区二区三区| 精品国产日韩亚洲一区在线| 亚洲av无一区二区三区| 2021国产精品一区二区在线| 久久精品视频一区二区三区| 国精无码欧精品亚洲一区| 一区二区高清视频在线观看| 亚洲成AV人片一区二区| 国产成人亚洲综合一区| 一区二区国产精品| 精品一区二区三区在线观看视频| 无码人妻少妇色欲AV一区二区| 无码人妻精品一区二区三| 久久久国产精品一区二区18禁| 久久久一区二区三区| 亚洲午夜一区二区三区| 国产精品成人免费一区二区| 精品人妻一区二区三区毛片 | 一本大道在线无码一区|