html超鏈接在Js內的一些寫法轉變與應用

• 2020 年 2 月 12 日
• 筆記

博主前端基礎薄弱，所以要多學習。

有時候遇到html內<a>標籤需要寫道js裡邊。眾所周知博主js學的不如php。所以此遇到新的跳轉方式都要去百度學習一番。這裡總結一下幾個我遇到的情況。方便自己日後查看。並提供給需要的參考。

一，js窗口內跳轉

• 原html寫法

<a href="https://www.zmki.cn"> 鑽芒博客</a>

• js寫法

 onclick="window.location.href='https://www.zmki.cn/'"  //實例  <li class="fk_service_box onclick="window.location.href='https://www.zmki.cn/'">  </li>

二，js新標籤頁跳轉

• 原html寫法

<a href="https://www.zmki.cn"  target="_blank"> 鑽芒博客</a>

• js寫法

onclick="window.open('https://www.zmki.cn/  //實例  <li class="fk_service_box  onclick="window.open('https://www.zmki.cn/')">  </li>

三，原html內id跳轉

前兩個還普遍一點，這個博主百度半天也沒找到，最後參考別人代碼例子學習到的。

• 原html寫法

<a  id="fullscreen" >  切換全屏</a>

• js寫法

 onclick="javascript:document.getElementById('fullscreen').click();"  //實例  <li class="fk_service_box"  onclick="javascript:document.getElementById('fullscreen').click();" >  </li>