JS阻止a标签跳转方法
1、标签属性href="javascript:void(0);" 关键是理解void(0)的含义。javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值
你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。所以,javascript:void(0) 仅仅表示一个死链接。
只有href="#"是不可以的,因为#包含了一个位置信息,默认的锚是#top 也就是网页的上端。我理解的锚是指网页中具体位置。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var dd = document.getElementById('dd'); dd.onclick = function(){ alert('点击了优酷'); } } </script> </head> <body> <!--如果写一个javascript就会执行js代码了,就不会点击跳转了--> <!--void(0)这个是一个固定写法--> <a href="javascript:void(0)" id="dd">优酷</a> </body> </html>
原文链接:https://www.qiquanji.com/post/7451.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知