<a>标签中href="javascript:;"

最新推荐文章于 2024-05-22 15:36:55 发布

GL1271374353

最新推荐文章于 2024-05-22 15:36:55 发布

阅读量751

点赞数

本文链接：https://blog.csdn.net/GL1271374353/article/details/40888949

版权

①javascript: 表示在触发<a>默认动作时，执行一段javascipt代码，"javascript:"是另外一种嵌套js代码在网页中的方法。跟通过<script></script>标签嵌套js代码差不多。如点击下面链接会会执行"javascript:"后面的内容。不过不推荐这种写法。理由是使用<a>标签href属性通常是保存超链接，用来控制页面转向。

②javascript:; 表示这是一个空连接。点击之后没任何反应，就是去掉了a标签的默认行为。类似的是#，但是一个#点击之后页面很长的情况下会会滚到顶部；而javascript:;没这样的问题；当然###和javascript:void(0)这样的效果就跟javascript:;一样了

一般这种情况下，会给<a>绑定一个事件毁掉，来执行任务，如：

<span style="font-size:18px;">document.getElementById('jsPswEdit').addEventListener('click', function(e) {
  e.preventDefault();
  // 当<a>触发click时，处理业务
}, false);</span>