a标签相关

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>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容