前端开发：a标签中 为什么要使用href = javascript void ( 0 )

最新推荐文章于 2024-05-22 16:22:12 发布
最新推荐文章于 2024-05-22 16:22:12 发布
阅读量1.3k 收藏
点赞数
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22182989/article/details/90758767
版权

我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

南北极之间
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
html 空链接 href="#"与href="[removed]void(0)"的区别
09-28
然而，现代前端开发中，更常见的是使用`<a>`标签的`href`属性为空字符串`""`，然后通过`addEventListener`来绑定JavaScript事件，以避免使用内联JavaScript。这样既能防止页面滚动，又能让代码更加语义化和易于维护...
关于javascript:void(0)
10-25 465
为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， <a href="...
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)"
前端开发a标签中的href=““和href=“JavaScript:；“不同收录
最新发布
05-22 552
在这种情况下，javascript:;因此在点击了标签之后，虽然浏览器同样会执行导航的动作，但不会刷新页面，此时导航的目标不是某个页面了，而是一段代码。当 href 属性为空字符串时，根据规范和不同的浏览器行为，这种链接可能被处理为尝试导航到当前页面的根路径，或者在某些情况下，它可能导致页面的刷新。此外，早期的浏览器中，这样的链接可能会导致页面跳转到页面的顶部。"代表的是使用js代码来代替这个跳转事件，而冒号后面的js代码空，所以就是不执行任何js操作，开发中有时会加上“void(0)”这是合理的写法。
javascript:void(0)；用法及常见问题解析
03-20 1万+
从上面的例子也可以看出，当要执行某些处理，但是不整体刷新页面的情况下，可以使用void(0),但是在需要对页面进行refresh的情况下，那就要仔细了。表达式会被计算但是不会在当前文档处装入任何内容，void(0)计算为0，但在JavaScript上没有任何效果，也就是说的效果同的效果是一样的。那什么情况下用void(0)比较多呢，无刷新，当然是Ajax了，看一下Ajax的web页面的话，一般都会看到有很多的void(0)，所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。
a标签的href="javascript:void(0)"和href="#"的区别
weixin_30463341的博客
03-02 171
修正一个说法上的bug吧。对于IE6来说，点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下。 我再来提供一个视角吧。 给<a>标签增加href属性，就意味着以下事情： :link选择器可以选择到它 这个a标签可以获得焦点（可以通过tab按键访问到） 在浏览器的默认样式表中，有href属性的<a>标签才有cursor:...
【JavaScript】href=“javascript:void(0)“是什么意思
天亮就睡
09-19 868
void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。 当用户链接时，void(0) 计算为 0，但 Javascript 上没有任何效果。 <a href="javascript:void(0)">单击此处什么也不会发生</a> 在用户点击链接后显示警告信息 <a href="javascript:void(alert('Warning!!!'))">点我!</a> javascript:void(0), 仅
详解javascript void(0)
10-15
- **`void(0)`**：`javascript:void(0)`在链接中使用时，阻止了默认的链接行为。点击这样的链接，浏览器不会尝试导航到任何URL，而是执行`void(0)`表达式，保持当前页面状态不变。 - **链接到ID**：相比之下，如果...
a标签的href与onclick事件的区别详解
12-09
因此，通常建议使用`onclick`来执行JavaScript，将`href`设置为`javascript:void(0)`来保持链接的可点击性。 8. **CheckBoxList的示例**： 在处理CheckBoxList时，如果希望在链接点击后执行特定功能并保持Checkbox...
jquery通过a标签删除table中的一行的代码
10-26
<a href="javascript:void(0)" onclick="deleteOwner('<s:property value="#owner.id" />', this)">删除</a> ``` 在`deleteOwner`函数中，首先接收两个参数：业主ID和当前触发删除操作的`a`标签元素（obj）。`obj`...
a标签 js javascript void
global_coding的博客
05-06 1169
a标签 js javascript void
a标签中href调用js的几种方法，程序员进阶
m0_61943758的博客
03-17 2630
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
使用<a href="javascript:void(0);">
NewDayStudy的博客
10-27 577
一、什么是 让a标签去执行一个空的js方法 二、为什么使用 防止链接跳转到其他页面，这样做可以保留点击后链接的样式。因为使a标签成为一个“死”链接 三、跟有什么区别 点击后会返回页面顶部，并且触发点击后的样式。而不会！
JS中，a标签里的javascript:；和 javascript:void(0)还有##
weixin_72322475的博客
12-13 1818
JS中，a标签里的javascript:;和 javascript:void(0)还有##
a标签href=”javascript;void(0)"
qq_36412715的博客
08-14 1万+
href=“javascript:void(0)” href=”javascript:void(0)”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。 javascript:void(0) 中最关键的是 void 关键字，void 是 JavaScript 中非常重要的关键字，void(expression)，该操作符指定要...
为什么要使用href=”javascript:void(0);”
didiao9194的博客
12-15 2057
href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。 为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么...
freemark建立自定义标记宏 <@
东风又见东风
05-17 556
<br />自定义宏（自定义标记) 以<@开头   ifAnyGranted为属性 为宏内的值传值如下person<br /><@sec.authorize ifAnyGranted="ROLE_REFUND">  <br /> <br /> <br />如下<br /><#marco greet person><br /><font size="+2">hello ${person}!</font><br /></#marco>
html中a标签空白页,a标签href设置javascript:void(0)，在chrome点击打开新的空白页
weixin_33765593的博客
06-23 1543
需求是：点击链接，根据权限或后台数据来动态判断是否可跳转到新页面开发测试时，在两台性能较差的电脑上，及时设置了javascript:void(0)，chrome仍会打开新的空白页。排查结果是a标签上设置了target=’_blank’，与javascript:void(0)一起使用，可能出现的现象，至于为什么只有这两台电脑出问题，暂不知原因。尝试过的失败方案：1. 将javascript:void...
曾经遇到的坑------href="#"和href="javascript:void(0);"、href="javascript:;"
anxingshe3043的博客
05-30 322
　　这个是为了 在点击此链接后回到页首，如果你写href="#"那么点击后会回到页首，这样影响操作。　　<a href="javascript:void 0" onclick="window.open('yoururl')">人员管理</a>　　<a href="javascript:return" onclick="window.open('yoururl...
var html = '<div class="email-item">' + '<input class="easyui-textbox" type="text" name="emails[]" style="width: 200px;" data-options="required: true, validType: \'email\'">' + '<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addEmail()">增加</a>' + '<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeEmail()">删除</a>' + '</div>'; $('#emailDialog').append(html);前端样式没出来，如何更改
06-09
如果前端样式没有出来，可以检查是否引入了easyui框架的样式文件，如果没有引入，需要在html文件中添加以下代码： ``` <link rel="stylesheet" type="text/css" href="path/to/easyui/themes/default/easyui.css"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南北极之间

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值