html超链接在Js内的一些写法转变与应用
博主前端基础薄弱，所以要多学习。
有时候遇到html内<a>标签需要写道js里边。众所周知博主js学的不如php。所以此遇到新的跳转方式都要去百度学习一番。这里总结一下几个我遇到的情况。方便自己日后查看。并提供给需要的参考。
一，js窗口内跳转
- 原html写法
<a href="https://www.zuanmang.net"> 钻芒博客</a>- js写法
onclick="window.location.href='https://www.zuanmang.net/'"
//实例
<li class="fk_service_box onclick="window.location.href='https://www.zuanmang.net/'">
</li>二，js新标签页跳转
- 原html写法
<a href="https://www.zuanmang.net" target="_blank"> 钻芒博客</a>- js写法
onclick="window.open('https://www.zuanmang.net/
//实例
<li class="fk_service_box onclick="window.open('https://www.zuanmang.net/')">
</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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录