a标签中javascript:;伪协议

a标签使用javascript:;伪协议的目的

通常我们为a标签增加href属性，一般有两个目的：

1. 跳转到指定的页面，也就是:link选择器可以选择到它。
2. 有href属性的a标签才有cursor：pointer的效果，特别实在低版本浏览器里面。

如果我们不想让点击a标签的时候界面产生移动，以及想让他具有cursor：pointer属性怎么办，于是就是使用伪协议

javascript:协议

“javascript:” 该字符串代表高速浏览器之后的都是JS代码，而直接紧跟 “;” 就是代表JS里的代码结束，也就是不执行任何逻辑

不想要a标签跳转的几种方法

<a href="#"></a>

<a href="#none"></a>

<a href="###"></a>

<a href="javascript:"></a>

<a href="javascript:;"></a>

<a href="javascript:void(0)"></a>

<a href="javascript :void(0);"></a>

第1种，点击这个链接后，会让页面跳到页面顶部，在location.href后面增加#号。

第2种，点击这个链接后， 如果页面里面有id为none的元素，会执行锚点机制跳转到这个元素上缘。

第3种，不跳转，可以阻止默认的跳转行为，但是这个在后端代码中容易识别成注释，后面的代码不显示，之前遇到过这种坑，之后再没用过。

后面几种使用了javascript伪协议

参考文章

1.javascript伪协议

赏

请问老板还招人么(/ω＼)

支付宝

微信