html链接不跳转

有些时候需要用到链接的样式但是希望点击后不跳转页面。

常见的做法是

<a href="#">这是链接</a>

然而实际上这种写法是不保险的，实际是跳转到了一个空的锚点细心的网友可以发现URL实际是是有改变的。要实现彻底的不跳转真正的写法是屏蔽掉跳转动作

<a href="javascript:void(null);">这是链接</a>

这样一来跳转动作将不会执行，而又保留了链接的样式