a标签href属性值"#"和"javascript:void(0)"之区别

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

#JavaScript #脚本 #ViewUI

本文解释了HTML中#符号作为位置信息的作用及其默认锚点#top的概念，并对比了javascript:void(0)作为死链接的特点。对于页面链接跳转及脚本调用时的区别进行了说明。

#包含了一个位置信息，默认的锚点是#top也就是页面的上端；

javascript:void(0)仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是却跳到了首页，而javascript:void(0)则不是如此，所以调用脚本的时候最好用void(0)

hqmln
关注
详解a href=#与 a href=[removed]void(0) 的区别
09-28
在HTML中，`<a>`标签通常用于创建超链接，而`a href="#"`和`a href="javascript:void(0)"`是两种常见的用法，它们之间有着显著的区别。 首先，`a href="#"`是一个指向页面内部锚点的链接。默认情况下，`#`代表页面...
html 空链接 href="#"与href="[removed]void(0)"的区别
09-28
总结来说，`href="#"`和`href="javascript:void(0)"`都用于创建无实际跳转的链接，但`javascript:void(0)`提供了更好的用户体验，尤其是在长页面中，因为它不会引起页面滚动。在现代前端开发中，推荐使用纯...
a标签href属性值javascript:void(0);与#的区别
keun的博客
05-20 539
href=”#”，当点击的时候会跳转到页面的顶部，相当于点击了一个锚点，在URL的后面也会出现一个#的标识符号。href=”javascript:void(0);”则是要执行一个javascript的表达式。void(0)不执行也不返回任何东西，因此不会发生任何跳转。当设置空链接时推荐用href=”javascript:void(0);”
javascript中void(0)；用法及常见问题解析
一只苟延残喘的卑微蝼蚁
06-08 10万+
转载这篇文章 使用过ajax的朋友经常会见到这样的代码：here，这里面的void是一个操作符，该操作符指定要计算一个表达式但是不返回值。javascript:void(0) 在某些情况下会有浏览器不兼容的bug。下面我们先来看下javascript:void(0) 的基础介绍及用法，然后再来看使用它会出现什么问题，该怎么解决。 提示：在学习一下内容之前，你可以先通过javascript:vo...
JS中，a标签里的javascript:；和 javascript:void(0)还有##
weixin_72322475的博客
12-13 2345
JS中，a标签里的javascript:;和 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，浏览器不会对页面进行任何操作（如跳转或加载新内容）。
a超链接中href=”javascript:void(0)；”的含义
weixin_51485547的博客
11-23 2736
点击
javascript:void(0)用法及常见问题解析
热门推荐
日常笔记/总结/系列知识梳理
03-08 16万+
javascript:void(0) 在 JavaScript 中通常用于阻止链接的默认行为，即点击链接时不会进行页面跳转或刷新。然而，在实际应用中，使用 javascript:void(0) 也可能会遇到一些问题和误解。
a链接下href属性中写javascript的几种用法，加#号和javascript:void(0)区别
GuiBing_haonan的博客
08-06 5864
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、a标签中href="javascript:"的几种用法？1、a href="javascript:method();"2、 a href="javascript:void(0);" οnclick="method()"3、a href="javascript:;" οnclick="method()"4、a href="#" οnclick="method()"5、a href="#" οnclick="method();ret
a标签的href="javascript:void(0)"和href="#"的区别
weixin_34295316的博客
07-05 218
好文要推：a标签的href="javascript:void(0)"和href="#"的区别 张鑫旭这篇文章也挺风趣的，作为一个轻微代码洁癖的程序员，该纠结时就纠结：是习惯还是规范！？ 疑问：为什么要使用href=”javascript:void(0);”？ a 标签要写href属性！~有了href属性，天然鼠标手型，以及可以被键盘focus以及focus时候回车模拟点击行为（支持回...
href=“javascript:void(0)；‘‘理解
不畏的博客
04-06 1214
但是，如果你不希望页面重新加载或者跳转到指定的 URL，而是想运行一些 JavaScript 代码，那么可以通过设置 href 为 “javascript:void(0)” 来防止页面重定向到其他地方，目的是为了保留链接的样式，但是不让链接执行实际的操作。”不同，< a href=” “>点击点击链接后不会回到网页顶部，还停留在原始位置，而< a href=”#“>点击点击后会回到页面顶部，是因为”＃"其实是包含了位置信息，默认的锚点＃ 代表网页的最顶端。“、”/"等特殊字符。
a标签属性href值为#和javasrcript:void(0)的区别
weixin_30375247的博客
07-18 204
当我们需要一个空链接时，通常有两种方法： <a href="#">这个一个空链接</a> <a href="javascript:void(0)">这是另一个空链接</a> href="#"#之后跟着锚记名称，点击后跳转到页面指定位置；没有跟锚记名称则默认跳转到页面顶部 href="javascript:void(0)"vo...
详解a-href=#与-a-href=javascript-void(0)-的区别.doc
12-12
了解a href="#"与a href="javascript:void(0)"之间的区别，对于提升网页用户体验和控制页面行为至关重要。 首先，a href="#"是创建锚点链接的常用方法。点击这样的链接通常会导致浏览器将页面滚动到其锚点位置，而...
html-空链接-href=“#＂与href=＂javascript-void(0)”的区别.doc
12-08
在这个文档中，我们将详细探讨两种常见的空链接写法：`href="#"`和`href="javascript:void(0)"`。 首先，我们需要理解`href="#"`的含义。通常情况下，`#`符号在URL中用来指定页面上的锚点，也就是页面内的一个具体...
国家自然科学基金项目数据分析与可视化工具_国家自然科学基金项目数据科研项目分析资助趋势统计学科领域分布项目负责人信息经费使用情况成果产出评估国际合作研究青年科学基金.zip
12-01
国家自然科学基金项目数据分析与可视化工具_国家自然科学基金项目数据科研项目分析资助趋势统计学科领域分布项目负责人信息经费使用情况成果产出评估国际合作研究青年科学基金.zip
JouChin_TurbineMarineProject_44300_1764554191333.zip
最新发布
12-01
JouChin_TurbineMarineProject_44300_1764554191333.zip
【太阳能电池系统与逆变器】太阳能电池的电压输出被储存在电池中，同时直流电压通过五级逆变器转换为交流电（Simulink仿真实现）
12-01
【太阳能电池系统与逆变器】太阳能电池的电压输出被储存在电池中，同时直流电压通过五级逆变器转换为交流电（Simulink仿真实现）内容概要：本文档围绕太阳能电池系统与逆变器展开，重点介绍了一个基于Simulink的仿真模型，其中太阳能电池产生的直流电压被储存于电池中，并通过五级逆变器转换为交流电。该系统仿真涵盖了光伏发电、储能管理和电力电子变换的核心环节，突出了多级逆变器在提升电能质量和转换效率方面的优势。文中详细描述了系统结构、工作原理及Simulink建模过程，有助于理解可再生能源系统的能量转换与控制策略。; 适合人群：具备一定电力电子、自动控制或新能源系统基础知识的高校学生、研究人员及工程技术人员。; 使用场景及目标：①用于教学演示太阳能发电系统的能量流动与转换过程；②支持科研中对多级逆变器拓扑结构的性能分析与优化设计；③为微电网、分布式能源系统中的储能与并网控制提供仿真基础。; 阅读建议：建议结合Simulink软件实际操作，深入理解模型各模块的功能与参数设置，并可通过修改逆变器级数或控制策略进行拓展性实验，以增强对系统动态响应和稳定性的认识。
【智能车竞赛】多模态感知与控制技术融合：基于全国大学生智能汽车竞赛的工程实践与产业落地应用研究
12-01
内容概要：本文全面解析了全国大学生智能汽车竞赛的赛事定位、赛制安排与竞赛类别，并通过武汉大学、成都理工大学等高校的经典参赛案例，深入剖析了智能车在视觉识别、机械结构设计、算法优化等方面的创新实践。文章进一步梳理了智能车开发的核心技术体系，涵盖感知层的多传感器融合与视觉AI部署、决策控制中的路径规划与运动控制策略，以及软硬件平台的协同架构。最后，基于竞赛技术延伸出智能物流分拣车、越野巡检机器人、多模态智能识别平台等实际应用项目，展示了从赛事到产业落地的技术转化路径。; 适合人群：具备一定电子、控制、计算机或机械基础的高校学生及指导教师，尤其适合参与智能车竞赛或工程实践项目的1-3年经验研发人员； 使用场景及目标：①了解智能车竞赛的整体架构与备赛策略；②掌握视觉识别、多传感器融合、运动控制等关键技术的设计与实现方法；③探索竞赛成果向智能物流、无人巡检、安防识别等领域的产业化应用； 阅读建议：建议结合具体案例与技术模块进行系统学习，重点关注技术突破背后的创新思维与跨学科整合方法，同时可参考文中项目实践开展原型开发与成果转化。
基于Java和Vue技术构建的现代化自助点餐系统_包含餐厅员工管理员和客人三种身份角色支持点餐前台和后台管理功能涵盖首页个人中心用户数据修改用户管理商家管理菜品分类菜品信息管理餐桌.zip
12-01
基于Java和Vue技术构建的现代化自助点餐系统_包含餐厅员工管理员和客人三种身份角色支持点餐前台和后台管理功能涵盖首页个人中心用户数据修改用户管理商家管理菜品分类菜品信息管理餐桌.zip
href="javascript:void(0);" 怎么定位
12-29
为了定位具有特定 `href` 属性值的 `<a>` 元素，可以利用 JavaScript 提供的选择器方法。以下是两种常用的方法： #### 方法一：使用 `querySelectorAll` 此方法允许通过 CSS 选择器语法选取多个匹配的节点列表。 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值