为什么要使用<a href="[removed]void(0);">

最新推荐文章于 2021-08-29 18:50:58 发布
最新推荐文章于 2021-08-29 18:50:58 发布
阅读量274 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript Html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/NewDayStudy/article/details/78366123
本文详细解释了javascript:void(0)在网页设计中的作用，它如何阻止超链接的默认行为，以及与<a href=#>的区别。javascript:void(0)不仅避免了页面跳转，还保持了点击后的链接样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

让超链接去执行一个空的js方法

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

这样做会防止链接跳转到其他页面，同时也保证点击后保留链接样式，因为javascript:void(0)使a标签成为一个“死”链接，什么都不做

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

<a 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. `...
[removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
11-25
<a href="javascript:void(0)" onclick="yourFunction()">调用函数链接</a> ``` 在某些情况下，`javascript:void(0)`可能在Internet Explorer中导致问题，比如停止GIF动画的播放。为避免这种情况，可以考虑使用`#`...
a href="javascript:void(0);"用法
gaolei_xj的专栏
12-01 768
用法简介：   &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)"和href="#"的区别
weixin_30463341的博客
03-02 233
修正一个说法上的bug吧。对于IE6来说，点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下。 我再来提供一个视角吧。 给<a>标签增加href属性，就意味着以下事情： :link选择器可以选择到它 这个a标签可以获得焦点（可以通过tab按键访问到） 在浏览器的默认样式表中，有href属性的<a>标签才有cursor:...
前端为啥要用javascript框架
weixin_34354945的博客
06-15 229
前端使用EXT.JS，如果存在两个控件，其中A控件的ID 与 B控件的name相同的话，会报错。ID不能存在相同的情况众所周知，而不同的控件，name也不能相同，恐怕只有遇到过的人才知道了，这不，我就遇上了，结果B.name==A.id的情况下，B样式紊乱，找了许久的原因。 “真变态啊！”感觉用EXT，带来方便的同时，有时候也很难侍候，出了问题比较难调试。 那为什么要在前端...
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)
10-25 522
为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， <a href="...
详解A标签中href=””的几种用法
12-11
而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a></a>，所以就来整理下a标签中href的几种用法。 一、js的几种调用方法（参考总结的）  1、a href="[removed]js_method();"  这...
html 空链接 href="#"与href="[removed]void(0)"的区别
09-28
然而，现代前端开发中，更常见的是使用`<a>`标签的`href`属性为空字符串`""`，然后通过`addEventListener`来绑定JavaScript事件，以避免使用内联JavaScript。这样既能防止页面滚动，又能让代码更加语义化和易于维护...
href="#"与href="javascript:void(0)"的区别
zhisheng00的专栏
07-15 600
"＃"包含了一个位置信息 默认的锚点是＃top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者&lt;input onclick&gt; &lt;div onclick&gt;等 打开新窗口链接的几种办法 ...
为什么需要有JavaScript
qq_39430589的博客
07-25 1759
（JS有什么作用） HTML负责呈现的内容，css负责以何种形式来呈现。 实际上我们更多的页面是动态的，比方说新浪  热点、聚焦......页面自动切换 时间也应该动态显示 还有验证码、注册页面的数据验证..... 那么怎么才能让页面动起来 答案就是JavaScript！ HTML+css：实现了静态页面                        p{    
Javascript实现博客全文搜索功能
博客----
06-14 3989
搜索是一个在购物网站、论文检索网站、社交网站等相关网站中被广泛使用的功能。为了不借助后台代码实现本人博客的搜索功能，本文使用Javascript代码对其进行简单实现。该搜索功能的亮点包括：使用纯前端代码实现搜索功能；对所有的博客建立索引文件，提高检索博客的效率；实现方法简单、操作简便、代码可扩展性强；支持绝大多数浏览器，电脑端和移动端界面和功能基本保持一致。通过在电脑端和移动端测试，基本达到预期目标，仅非搜索模块的推荐视图界面存在小问题。
为什么要使用href=”javascript:void(0);”
didiao9194的博客
12-15 2119
href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。 为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过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="#"和href="javascript:void(0);"、href="javascript:;"
anxingshe3043的博客
05-30 372
　　这个是为了 在点击此链接后回到页首，如果你写href="#"那么点击后会回到页首，这样影响操作。　　<a href="javascript:void 0" onclick="window.open('yoururl')">人员管理</a>　　<a href="javascript:return" onclick="window.open('yoururl...
a标签中的javascript:void(0)的作用
简单是书的博客
11-24 4069
我们都知道a标签的href具有链接作用，会把我们引向指定的页面。这可以理解为我们每点击一下a标签，页面就会刷新一次，指向另一个连接页面。 　　但是某些情况下我们把ａ标签当作按钮来使用，但又不希望页面刷新。这个时候就用到上面的javascript:void(0)；在代码中的用法如下：<a href="javascript:void(0)" class="delBtn">删除</a>
a href=#与 a href=javascript:void(0) 的区别
u010552788的专栏
10-24 9271
javascript:void(0)的意思就是什么也不做！他不是页面URL，而是一个javascript语句void(0)，void是一个操作符，该操作符指定要计算一个表达式但是不返回值，这个要计算的表达式是“0”，所以，这个基本是坑爹的写法，完全是糊弄浏览器的。 如果你鼠标悬停于一个链接上，在浏览器底部状态栏上显示该链接的目标地址是这个的话，说明这个网页的编写者希望这个链接被点击时不是直接跳转
href="javascript:void(0);"与#的区别
技术分享
07-27 4915
将标签设置为空链接有两种方式，第一种是href="#"，另外一种是href="javascript:void(0);"。两种方式都设置了标签为空链接，但是两种方式还是有些不同的地方。 href="#"，当点击的时候会跳转到页面的顶部，相当于点击了一个锚点，在URL的后面也会出现一个#的标识符号。 而href="javascript:void(0);"则是要执行一个javascript的表达式。
a标签中的javascript：void（0）和#的区别
weixin_30677073的博客
06-23 224
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 void(0)用于执行某些处理，但是不整体刷新页面 javascript:void(0)其实是阻止默认事件。在使用ajax时常用到<a href="javascript:void(0)" onclick="testAjax()"></a>可以使...
<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?> <div class="digages-container digages-body-pad"> <div class="digages-text-start digages-desktop-span-12 digages-tab-span-12 digages-mobile-span-12"> <div class="container-fluid text-start upgrbgtum"> <div class="rowt rowt-colts-1 rowt-colts-sm-1 rowt-colts-md-1"> <div class="colt upgrbgtumtxt">Only 1 account is allowed in the Free version. Upgrade to PRO to add unlimited accounts and unlock more features. </div> <div class="colt"><a href="https://digages.com/direct-payments-for-woocommerce/" target="_blank"><button type="button" class="trddbtn">Upgrade to PRO</button></a></div> </div> </div> </div> </div> <div class="tumafontbtm"></div> <div class="digages-container digages-btm-pad"> <div class="digages-text-start digages-desktop-span-12 digages-tab-span-12 digages-mobile-span-12"> <div class="modal-footer"> <a href="https://digages.com/direct-payments-for-woocommerce/" target="_blank"> <button type="button" class="trddbtn22">Upgrade to PRO</button></a> <div class="tumazz_closse d-sm-none" data-bs-dismiss="modal" aria-label="Close">Close</div> </div> </div> </div>
最新发布
07-08
你提供的这段 PHP 代码是 **前端显示限制提示的 HTML 片段**，用于在插件的 P2P 支付设置页面中显示一个“免费版只能添加 1 个账户”的升级提示。 --- ## 🧠 分析 这段代码本身并不包含任何逻辑判断或限制行为，它只是： - 显示一段提示信息； - 提供一个“Upgrade to PRO”按钮； - 可能嵌入在 WooCommerce 后台设置页面中（如 `/admin.php?page=direct-payments-p2p`）； 📌 所以： > 它只是一个 **UI 层面的提示**，真正的限制逻辑（即阻止用户添加超过 1 个账户）一定存在于其他地方 —— **PHP 后端处理逻辑 或 JavaScript 前端控制。** --- ## ✅ 解决方案 ### ✅ 步骤一：删除或隐藏这个提示信息（可选） 如果你希望用户不再看到这个提示，可以将整个 `<div class="container-fluid text-start upgrbgtum">...</div>` 删除，或者用注释包裹起来： ```php <?php if ( ! defined( 'ABSPATH' ) ) exit; ?> <div class="digages-container digages-body-pad"> <div class="digages-text-start digages-desktop-span-12 digages-tab-span-12 digages-mobile-span-12"> <!-- Removed upgrade notice --> <!-- <div class="container-fluid text-start upgrbgtum"> <div class="rowt rowt-colts-1 rowt-colts-sm-1 rowt-colts-md-1"> <div class="colt upgrbgtumtxt">Only 1 account is allowed in the Free version. Upgrade to PRO to add unlimited accounts and unlock more features. </div> <div class="colt"><a href="https://digages.com/direct-payments-for-woocommerce/" target="_blank"><button type="button" class="trddbtn">Upgrade to PRO</button></a></div> </div> </div> --> </div> </div> <div class="tumafontbtm"></div> <div class="digages-container digages-btm-pad"> <div class="digages-text-start digages-desktop-span-12 digages-tab-span-12 digages-mobile-span-12"> <div class="modal-footer"> <a href="https://digages.com/direct-payments-for-woocommerce/" target="_blank"> <button type="button" class="trddbtn22">Upgrade to PRO</button></a> <div class="tumazz_closse d-sm-none" data-bs-dismiss="modal" aria-label="Close">Close</div> </div> </div> </div> ``` --- ## 🔍 真正需要修改的代码在哪？ 要真正解除“只能添加 1 个 P2P 账户”的限制，你需要找到以下两个位置之一： --- ### 📍 方法一：检查保存账户数据的 PHP 函数（推荐优先查看） 查找类似下面的函数： ```php function save_p2p_accounts($accounts) { if (count($accounts) > 1) { wp_die('You can only add one P2P account in the free version.'); } return $accounts; } ``` 🔧 修改为： ```php function save_p2p_accounts($accounts) { return $accounts; // 不做限制 } ``` --- ### 📍 方法二：检查前端 JS 是否限制添加按钮 在你的插件目录下找类似 `settings-payment-method-handler.js` 的文件，查找如下代码： ```js jQuery(document).ready(function($) { $('.add-p2p-account').on('click', function(e) { var count = $('.p2p-account-item').length; if (count >= 1) { e.preventDefault(); alert('Only one P2P account allowed in the free version.'); } }); }); ``` 🔧 修改为不限制： ```js jQuery(document).ready(function($) { $('.add-p2p-account').on('click', function(e) { // no restriction }); }); ``` --- ## ✅ 总结步骤 | 步骤 | 操作 | |------|------| | 1 | 删除或注释掉你贴出的这段 HTML 提示（可选） | | 2 | 查找负责保存 P2P 账户数据的 PHP 函数 | | 3 | 移除其中的账户数量限制逻辑（如 `if (count > 1)`） | | 4 | 查看 JS 文件是否限制了新增按钮点击事件并移除 | | 5 | 清除缓存后测试能否添加多个 P2P 账户 | ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值