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

最新推荐文章于 2023-05-20 09:03:41 发布
最新推荐文章于 2023-05-20 09:03:41 发布
阅读量478 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxz_best/article/details/39643707
版权
<a href="#"></a> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP
<a href="javascript:void(0)"></a> 点击链接后，页面不动，
点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，




详解href="#"与href="javascript:void(0)"的区别
"＃"包含了一个位置信息
默认的锚点是＃top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
霖霏晗
关注
专栏目录
html空链接跳转,a标签空链接href=#与href=javascript:void(0)的区别
weixin_36250977的博客
06-08 1586
我们在使用a标签的空链接时，通常写为 href=# 或者 href=javascript:void(0) ，这两种写法有什么区别呢？我想很多人都不会去深究，但是这两种写法出来的效果有时候是不一样的。概括来说，这两种写法有如下几个区别：# 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。即是说，当 href=# 的空链接被点击时，页面会跳到最顶端。而 javascript:void(0)...
详解a href=#与 a href=[removed]void(0) 的区别
09-28
3. `<a href="javascript:void(null)"></a>`：与`void(0)`相似，`void(null)`同样不返回值，但并非标准用法。 4. `<a href="#" onclick="return false;"></a>`：阻止默认行为，但可能在某些浏览器中不一致。 5. `...
a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
草根上的须子
05-20 577
a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>而javascript:void(0) 仅仅表示一个死链接。而javascript:void(0) 则不是如此。这就是为什么有的时候页面很长浏览链接明明是＃可是。默认的锚点是＃top 也就是网页的上端。所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>等。打开新窗口链接的几种办法。＃包含了一个位置信息。
a href=#与 a href=javascript:void(0) 的区别(转)
tf949627780的专栏
04-21 144
a href="#"&gt; 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP &lt;a href="javascript:void(0)" onClick="window.open()"&gt; 点击链接后，页面不动，只打开链接 &lt;a href="#" onclick="javascript:return false;"&gt; 作用同上，不同浏
你了解a href=javascript:void(0)跟a href=#有什么不同吗
yunduanaoligei的博客
01-28 311
今天分享下”你了解a href=javascript:void(0)跟a href=#有什么不同吗“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接 <a href=
href=“#“与href=“javascript:void(0)“的区别
qq_44665456的博客
08-08 293
实例： 当用户点击以后不会发生任何事。 区别： #包含了一个位置信息，默认的锚是#top 也就是网页的上端。而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。如果你要定义一个死链接请使用 javascript:void(0) 。...
a超链接中href=”javascript:void(0)；”的含义
weixin_51485547的博客
11-23 2516
点击
href=”javascript:void(0)；”的含义
热门推荐
m0_51358164的博客
08-29 1万+
1.href=”javascript:void(0);”的含义 即让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。 2.为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做其实往往是为了保留链接的样式，但不让链接执行实际操作。 <a href="javascript：void(0)"
href=“javascript:void(0)；‘‘理解
不畏的博客
04-06 1082
但是，如果你不希望页面重新加载或者跳转到指定的 URL，而是想运行一些 JavaScript 代码，那么可以通过设置 href 为 “javascript:void(0)” 来防止页面重定向到其他地方，目的是为了保留链接的样式，但是不让链接执行实际的操作。”不同，< a href=” “>点击点击链接后不会回到网页顶部，还停留在原始位置，而< a href=”#“>点击点击后会回到页面顶部，是因为”＃"其实是包含了位置信息，默认的锚点＃ 代表网页的最顶端。“、”/"等特殊字符。
前端面试——href="#"、href="javascript：void(0)"与href="javascript：;"的区别
哈哈hyc的博客
07-31 7491
我们在使用a标签的空链接时，通常写为 href=# 或者 href=javascript:void(0) ，这两种写法有什么区别呢？我想很多人都不会去深究，但是这两种写法出来的效果有时候是不一样的。 概括来说，这两种写法有如下几个区别： # 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。 而javascript:void(0), 仅仅表示一个死链接，当 href=javascr...
[removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
11-25
<a href="javascript:void(0)" onclick="yourFunction()">调用函数链接</a> ``` 在某些情况下，`javascript:void(0)`可能在Internet Explorer中导致问题，比如停止GIF动画的播放。为避免这种情况，可以考虑使用`#`...
浅谈href=#与href=[removed]void(0)的区别
10-27
综上所述，"href#"与"href=javascript:void(0)"在网页设计中有各自的应用场景，理解它们的差异有助于我们更好地控制页面的行为，提升用户体验。在实际开发中，应该根据具体需求选择合适的链接方式，确保页面的正常...
JS修改div内容
霖霂晗的专栏
07-12 8584
js基础--js修改div内容 function changeText(){ document.getElementById('boldStuff').innerHTML = '今生因你痴狂，此爱天下无双。'; } Welcome to the site dude
localStorage 和sessionStorage 存值，取值，删除指定和清空
霖霂晗的专栏
09-25 3899
localStorage.setItem('basketactivity', basketactivity); sessionStorage.setItem('basketactivity', basketactivity);
合并两个数组一个作为key值，一个作为value值
霖霂晗的专栏
05-22 3270
var a =['beijng','shanghai','jinan']; var b =['北京','上海','济南']; getnewarr(a,b) console.log(getnewarr(a,b)); function getnewarr(keyArr,valueArr) { var obj = {}; keyArr.map( (v,i) => { obj[keyArr[i]] = valueArr[i]...
JavaScript scrollTo() 函数示例
霖霂晗的专栏
09-26 3080
JavaScript scrollTo() 函数示例 潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子dreamdu潇湘子d
onclick事件 和jQuery 事件 - click() 方法
霖霂晗的专栏
08-19 2504
onclick事件 jQuery 事件 - click() 方法
JavaScript scrollTo() JavaScript scrollBy() jQuery CSS 操作 - scrollTop() 方法jQuery CSS 操作 - scroll
霖霂晗的专栏
09-24 1786
JavaScript scrollTo() 函数  JavaScript scrollBy() 函数 to是绝对的意思(从整体而言)，by是相对的意思(从原先的位置而言) scrollTo函数语法      scrollTo(x,y);     x -- 滚动条移动的水平像素    y -- 滚动条移动的垂直像素 示例：scrollTo(20,100); 横向滚动条移动到
a href="javascript:;"
最新发布
07-27
问题: a href="javascript:;" 是什么意思？ 回答: 在给出的引用中，a href="javascript:;" 是一个HTML标签中的属性，用于指定链接的目标地址。在这个例子中，a href="javascript:;" 表示点击这个链接时不执行任何JavaScript代码，即没有任何反应。这与 href="javascript:void(0)" 的作用是相同的，void(0)表示什么都不做。所以 a href="javascript:;" 的意思是去掉a标签的默认行为，点击链接时不触发任何动作。 #### 引用[.reference_title] - *1* [＜a＞标签中的href=“javascript:；“是什么意思？](https://blog.csdn.net/weixin_41290863/article/details/116159208)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [href=“JavaScript：；”是啥意思？](https://blog.csdn.net/yanhuo0414/article/details/89293611)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值