1、href="javascript:void(0);" a标签点击使其不跳转
这里javascript:后面是可以执行js代码的。
void 其实是一个js运算符号
void 运算符 对给定的表达式进行求值,然后返回undefined
当用户点击一个以 javascript:
URI 时,它会评估URI中的代码,然后用返回的值替换页面内容,除非返回的值是undefined
,
所以href="javascript:void(0); "
返回undefined
,页面不会跳转替换。
void里面还可以执行代码,所以你可以发挥你的想象:比如:
<a href="javascript:void(document.body.style.backgroundColor='green');">
点击这个链接会让页面背景变成绿色。
</a>
<a href="javascript:hanshu();">
点击这个链接会会执行hanshu(这个函数)
</a>
2、a 标签用做锚点
最常用的就是 id 定位,也是最好用的
<div id="sign1">锚点1</div>
<a href="#sign1">跳转到锚点1</a>
<a href="#">跳转到页面顶部</a>
网友评论