a标签相关

2018-07-26  本文已影响13人  xilong

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>
上一篇下一篇

猜你喜欢

热点阅读