html超链接在Js内的一些写法转变与应用

 😳 博主前端基础薄弱,所以要多学习。

有时候遇到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>

 

文章最后更新于 2021-06-12

给TA买糖
共{{data.count}}人
人已赞赏
其他分享运维

虚拟机- Linux系统配置静态IP地址

2020-2-5 16:38:23

WordPress优化其他分享前端文档笔记

css修改浏览器内的页面滚动条样式

2020-2-11 20:42:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧