使用<a href="javascript:void(0);">

最新推荐文章于 2025-06-13 19:15:37 发布
原创 最新推荐文章于 2025-06-13 19:15:37 发布 · 687 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #javascript

本文介绍了HTML中a标签的两种特殊用法：使用javascript:void(0)阻止默认跳转行为，保持点击样式；以及使用#实现锚点定位。对比两者特点，帮助理解不同场景的应用。

一、什么是<a href="javascript:void(0);">

让a标签去执行一个空的js方法

二、为什么使用<a href="javascript:void(0);">

防止链接跳转到其他页面，这样做可以保留点击后链接的样式。因为<a href="javascript:void(0);">使a标签成为一个“死”链接

三、<a href="javascript:void(0);">跟<a href="#">有什么区别

<a href="#">点击后会返回页面顶部，并且触发点击后的样式。而<a href="javascript:void(0);">不会！

a标签的href="javascript:void(0)"和href="#"的区别
weixin_30463341的博客
03-02 260
修正一个说法上的bug吧。对于IE6来说，点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下。 我再来提供一个视角吧。 给<a>标签增加href属性，就意味着以下事情： :link选择器可以选择到它 这个a标签可以获得焦点（可以通过tab按键访问到） 在浏览器的默认样式表中，有href属性的<a>标签才有cursor:...
曾经遇到的坑------href="#"和href="javascript:void(0);"、href="javascript:;"
anxingshe3043的博客
05-30 383
　　这个是为了 在点击此链接后回到页首，如果你写href="#"那么点击后会回到页首，这样影响操作。　　<a href="javascript:void 0" onclick="window.open('yoururl')">人员管理</a>　　<a href="javascript:return" onclick="window.open('yoururl...
关于javascript:void(0)
10-25 533
为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， <a href="...
a href="javascript:void(0);"用法
gaolei_xj的专栏
12-01 827
用法简介：   &lt;a href="#"&gt; 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP &lt;a href="javascript:void(0)" onClick="window.open()"&gt; 点击链接后，页面不动，只打开链接 &lt;a href="#" onclick="javascript:return false;&quo
<a href="javascript:void(0)">是什么意思，与<A href="#">的区别？
老天忘了给我翅膀，于是我用梦想飞翔
12-07 254
是什么意思，与的区别？ 答：取消A的默认操作，即不打开href指向的链接。 区别：点我啊 点击链接后不会回到网页顶部 点我啊 点击后会回到网面顶部 ...
<li class="nav-item nav-item-has-subnav"> <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 系统管理</a> <ul class="nav nav-subnav"> <li> <a href="javascript:void(0)" _href="/admin/select">用户管理</a> </li> <li> <a href="javascript:void(0)" _href="role/list.html">角色管理</a> </li> <li> <a href="javascript:void(0)" _href="log/log.html">操作日志</a> </li> <!--<li> <a href="../lyear_pages_config.html">网站配置</a> </li>--> <li> <a href="javascript:void(0)" _href="menu/list.html">权限管理</a></li> </ul> </li> 无法点击系统管理打开下级子菜单
08-27
<li><a href="javascript:void(0)" _href="/admin/select">用户管理</a></li> <li><a href="javascript:void(0)" _href="role/list.html">角色管理</a></li> <li><a href="javascript:void(0)" _href="log/log....
<li class="dropdown"> <a href="#" class="dropbtn">新品上市 ▼</a> <ul class="dropdown-content"> <li><a href="#">量子机甲系列</a></li> <li><a href="#">高达系列</a></li> <li><a href="#">星环战甲系列</a></li> </ul> </li> <!-- 热销榜单 - 带下拉 --> <li class="dropdown"> <a href="#" class="dropbtn">热销榜单 ▼</a> <ul class="dropdown-content"> <li><a href="#">高达 RX-78</a></li> <li><a href="#">泰坦重装机甲</a></li> <li><a href="#">赛博格X-9</a></li> </ul> </li> <li><a href="#">论坛</a></li> <li><a href="#">消息</a></li> <li><a href="#">动态</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系客服</a></li> 都改为利用js文件实现跳转到各页面，取消超链接跳转
最新发布
10-31
<a href="javascript:void(0)" class="dropbtn">新品上市 ▼</a> <ul class="dropdown-content"> <li><a href="javascript:void(0)" data-page="quantum_series.html">量子机甲系列</a></li> <li><a href=...
"<a href='javascript:void(0)' onclick='showBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>查看</a> " + "<a href='javascript:void(0)' onclick='editorBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>编辑</a> " + "<a href='javascript:void(0)' onclick='historyBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>变更记录</a>" + "<a href='javascript:void(0)'onclick='sendCommission(" + value + "," + JSON.stringify(row) + "," + index + ")'> 发送委托</a>";a标签空格分隔开
06-05
+ "," + index + ")'>编辑</a> | <a href='javascript:void(0)' onclick='historyBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>变更记录</a> | <a href='javascript:void(0)'onclick='...
<li class="nav-item nav-item-has-subnav"> <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 系统管理</a> <ul class="nav nav-subnav"> <li> <a href="javascript:void(0)" _href="/admin/select">用户管理</a> </li> <li> <a href="javascript:void(0)" _href="role/list.html">角色管理</a> </li> <li> <a href="javascript:void(0)" _href="log/log.html">操作日志</a> </li> <!--<li> <a href="../lyear_pages_config.html">网站配置</a> </li>--> <li> <a href="javascript:void(0)" _href="menu/list.html">权限管理</a></li> </ul> </li>
08-27
如果需要以树状结构展示菜单信息，可以使用`<ul>`和`<li>`标签来组织层级结构，并通过CSS美化样式，同时可以借助JavaScript或jQuery实现展开与折叠功能。以下是一个展示系统管理菜单的HTML代码示例： ```html <ul ...
<a href="javascript:void(0)"> 登录 <span></span>这段代码中的javascript:void(0)有什么用
07-14
需要注意的是，使用`javascript:void(0)`作为`href`属性值已经不推荐使用，因为它会在某些浏览器中显示未定义链接的样式或鼠标悬停提示。更好的做法是使用事件监听器来处理点击事件，并通过JavaScript代码进行相应的...
href="javascript:void(0)" 的用法
看不过的黑工坊
04-27 1043
转自：http://www.jb51.net/article/34156.htm 慎用JavaScript:void(0)   JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下： 1. javascript:void (expression) 2. javascript:void express
javascript:void(0) javascript:; href="#"
鬼屋里的故事~.~
08-17 505
大家比较下就可以清楚的知道这几个的区别。      1.href="javascript:void(0)" 与 onclick共同使用    程序代码        function show()        {            alert("hi,你好，效果一");            window.location.href=http://www.radys.cn/;
阻止链接跳转(一)
ahln8797的博客
09-16 293
1. href="javascript:void(0);"含义 href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址， 而void(0)表示一个空的方法，也就是不执行js函数。 2. 为什么要使用href="javascript:void(0);"？ javascript:是伪协议，表示url的内容通过javascript执...
javascript:void(0)；用法及常见问题解析
qq_42054470的博客
03-11 719
主要是用来防止链接的默认行为，即页面跳转。然而，出于安全性和可访问性的考量，建议尽量避免直接在 href 中使用JavaScript，而是采用事件监听的方式控制交互行为。标签）href 属性的值，或者有时用在 onclick 或类似的事件处理器属性中。在这个例子中，点击链接会触发。函数，但不会引起页面导航。
javascript:void(0)
xrr0520的专栏
03-28 834
主要是说如果href属性有返回值，brower就会erase 当前页面，并显示返回值 ，可以用返回值undefined来阻止这种默认行为， void(window.open)返回undefined 一般都是用作 实现 如下功能，当点击一个超链接的时候，不想出发超链接自带的动作，而触发自定义的js方法，一般与onclick 一起出现。如果不写void(0)点击超链接时候虽然调用js方法
a href="javascript:void(0)" 是什么意思
isunlight001的专栏
12-13 3161
javascript:void(0) 代表些链接无返回值，通常用于如： 链接 执行onclick事件并无返回值，页面不会产品变动.不加这个的话，你一点就会回到顶端。  <a href="javascript:fun();" 这样点击就执行fun()函数了 点击 点击后会回到网面顶部
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)"
javascript:void(0) 含义
热门推荐
likuoelie的博客
06-13 2万+
结合了 JavaScript 的void操作符和 HTML 中的伪协议。void是 JavaScript 中的一个一元操作符，首次出现在 ECMAScript 1999（ECMA-262 3rd Edition）中，其作用是计算一个表达式但不返回任何值（即返回undefined伪协议允许在<a>标签的href属性中直接执行 JavaScript 代码。因此，执行void(0)，即计算表达式0并返回undefined。由于返回值是undefined，浏览器不会对页面进行任何操作（如跳转或加载新内容）。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值