href=“#“与href=“javascript:void(0)“的区别

最新推荐文章于 2024-10-02 05:39:15 发布

元元没饭吃

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量430

点赞数

分类专栏： html 文章标签： javascript firefox 前端

本文链接：https://blog.csdn.net/weixin_42786798/article/details/121520534

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨了三种防止HTML链接页面跳转的方法，包括使用`javascript:void(0)`，`#`和`?`。每种方法的优缺点被详细解释，特别是它们如何影响URL。对于开发者来说，理解这些技巧对于创建交互式页面元素至关重要。

摘要由CSDN通过智能技术生成

// 阻止链接跳转，URL不会有任何变化
<a href="javascript:void(0)" rel="nofollow ugc">点击此处</a>
// 虽然阻止了链接跳转，但URL尾部会多个#，改变了当前URL。（# 主要用于配合 location.hash）
<a href="#" rel="nofollow ugc">点击此处</a>
// 同理，# 可以的话，? 也能达到阻止页面跳转的效果，但也相同的改变了URL。（? 主要用于配合 location.search）
<a href="?" rel="nofollow ugc">点击此处</a>
// Chrome 中即使 javascript:0; 也没变化，firefox中会变成一个字符串0
<a href="javascript:0" rel="nofollow ugc">点击此处</a>