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>