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

最新推荐文章于 2023-05-20 09:03:41 发布
最新推荐文章于 2023-05-20 09:03:41 发布 · 122 阅读 · 0
文章标签：

#JavaScript #敏捷开发 #脚本 #HTML #ViewUI

＃包含了一个位置信息
默认的锚点是＃top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是＃可是
跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
文章转自：http://www.cnblogs.com/xiang/archive/2006/09/05/495828.html
PS：关于javascript:void(0)的在敏捷开发第二本P523上也有所提及哈。
JavaScript链接中应该使用“href=“#“还是“javascript:void(0)“？
Jerry学长
05-30 689
对于只执行JavaScript代码的链接，比href="#"更加可靠和稳定。然而，最优的做法是不使用链接元素，而是使用标签，并通过CSS进行样式化，然后在JavaScript中为其绑定事件。这样不仅能提高代码的可维护性，还能确保页面的语义正确性和可访问性。如果你开发的是公共网站，应始终参考最佳实践，努力实现渐进增强和优雅降级。
详解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) 的区别
u010552788的专栏
10-24 9303
javascript:void(0)的意思就是什么也不做！他不是页面URL，而是一个javascript语句void(0)，void是一个操作符，该操作符指定要计算一个表达式但是不返回值，这个要计算的表达式是“0”，所以，这个基本是坑爹的写法，完全是糊弄浏览器的。 如果你鼠标悬停于一个链接上，在浏览器底部状态栏上显示该链接的目标地址是这个的话，说明这个网页的编写者希望这个链接被点击时不是直接跳转
html空链接跳转,a标签空链接href=#与href=javascript:void(0)的区别
weixin_36250977的博客
06-08 1674
我们在使用a标签的空链接时，通常写为 href=# 或者 href=javascript:void(0) ，这两种写法有什么区别呢？我想很多人都不会去深究，但是这两种写法出来的效果有时候是不一样的。概括来说，这两种写法有如下几个区别：# 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。即是说，当 href=# 的空链接被点击时，页面会跳到最顶端。而 javascript:void(0)...
a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
草根上的须子
05-20 612
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 181
a href="#"&gt; 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP &lt;a href="javascript:void(0)" onClick="window.open()"&gt; 点击链接后，页面不动，只打开链接 &lt;a href="#" onclick="javascript:return false;"&gt; 作用同上，不同浏
jsp页面href=#与href=javascript:void(0)的区别
qq_38647207的博客
11-27 380
＃"包含了一个位置信息 默认的锚点是＃top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 所以调用脚本的时候最好用void(0) 或者 等 LINK_TEST window.location.href="" //div[@id='yy']//div[@class='TRS_Editor']
前端面试——href="#"、href="javascript：void(0)"与href="javascript：;"的区别
哈哈hyc的博客
07-31 7640
我们在使用a标签的空链接时，通常写为 href=# 或者 href=javascript:void(0) ，这两种写法有什么区别呢？我想很多人都不会去深究，但是这两种写法出来的效果有时候是不一样的。 概括来说，这两种写法有如下几个区别： # 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。 而javascript:void(0), 仅仅表示一个死链接，当 href=javascr...
a超链接中href=”javascript:void(0)；”的含义
weixin_51485547的博客
11-23 2736
点击
href=“#“与href=“javascript:void(0)“的区别
qq_44665456的博客
08-08 380
实例： 当用户点击以后不会发生任何事。 区别： #包含了一个位置信息，默认的锚是#top 也就是网页的上端。而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。如果你要定义一个死链接请使用 javascript:void(0) 。...
href="javascript:void(0);"、href="javascript:;"和href="#"
萧逸才的博客
05-07 899
href=”javascript:void(0);” href=”javascript:void(0);”、href=”javascript:void 0;”和href=”javascript:void(1);”表示一个死链接，void是javascript的操作符，意思是：只执行表达式，但没有返回值，void操作符用法格式如下： javascript:void(expression)或java
详解a-href=#与-a-href=javascript-void(0)-的区别.doc
12-12
了解a href="#"与a href="javascript:void(0)"之间的区别，对于提升网页用户体验和控制页面行为至关重要。 首先，a href="#"是创建锚点链接的常用方法。点击这样的链接通常会导致浏览器将页面滚动到其锚点位置，而...
[removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
11-25
<a href="javascript:void(0)" onclick="yourFunction()">调用函数链接</a> ``` 在某些情况下，`javascript:void(0)`可能在Internet Explorer中导致问题，比如停止GIF动画的播放。为避免这种情况，可以考虑使用`#`...
【四旋翼飞行器】【模拟悬链机器人的动态】设计和控制由两个四旋翼飞行器推动的缆绳研究（Matlab代码实现）
11-26
【四旋翼飞行器】【模拟悬链机器人的动态】设计和控制由两个四旋翼飞行器推动的缆绳研究（Matlab代码实现）内容概要：本文围绕“设计和控制由两个四旋翼飞行器推动的缆绳系统”展开研究，通过建立动力学模型并利用Matlab进行仿真，模拟类似悬链机器人的动态行为。研究重点在于多无人机协同控制、缆绳张力分析及系统稳定性控制，结合非线性动力学与控制理论，实现对柔性连接负载的精确操控。文中提供了完整的Matlab代码实现，便于复现实验结果，适用于复杂空中作业任务的仿真验证。; 适合人群：具备一定控制理论基础和Matlab编程能力的研究生、科研人员及从事无人机协同控制、机器人系统开发的工程技术人员。; 使用场景及目标：①研究多无人机协同搬运与柔性负载控制；②掌握缆绳系统动力学建模与仿真方法；③应用于空中机器人、工业吊装、救援运输等实际场景的控制系统设计与优化； 阅读建议：建议结合Matlab代码逐模块分析，重点关注动力学建模、控制律设计与仿真结果验证部分，可进一步扩展至更多无人机协同或复杂环境干扰下的鲁棒性研究。
基于遗传算法的梯级水电站群联合火电厂优化调度研究（Python代码实现）
11-26
基于遗传算法的梯级水电站群联合火电厂优化调度研究（Python代码实现）内容概要：本文研究了基于遗传算法的梯级水电站群联合火电厂优化调度问题，旨在通过智能优化方法实现电力系统中水火电资源的协调调度，提升能源利用效率与调度经济性。文中构建了考虑水电站间水力联系、水库库容约束、机组出力特性及火电厂运行成本的综合优化模型，并采用遗传算法进行求解，给出了完整的Python代码实现。该方法能够有效处理复杂的非线性、多约束、多变量调度问题，具备良好的收敛性和实
无人机基于改进粒子群算法的无人机路径规划研究[和遗传算法、粒子群算法进行比较]（Matlab代码实现）
最新发布
11-26
【无人机】基于改进粒子群算法的无人机路径规划研究[和遗传算法、粒子群算法进行比较]（Matlab代码实现）内容概要：本文围绕基于改进粒子群算法的无人机路径规划展开研究，重点探讨了在复杂环境中利用改进粒子群算法（PSO）实现无人机三维路径规划的方法，并将其与遗传算法（GA）、标准粒子群算法等传统优化算法进行对比分析。研究内容涵盖路径规划的多目标优化、避障策略、航路点约束以及算法收敛性和寻优能力的评估，所有实验均通过Matlab代码实现，提供了完整的仿真验证流程。文章还提到了多种智能优化算法在无人机路径规划中的应用比较，突出了改进PSO在收敛速度和全局寻优方面的优势。; 适合人群：具备一定Matlab编程基础和优化算法知识的研究生、科研人员及从事无人机路径规划、智能优化算法研究的相关技术人员。; 使用场景及目标：①用于无人机在复杂地形或动态环境下的三维路径规划仿真研究；②比较不同智能优化算法（如PSO、GA、蚁群算法、RRT等）在路径规划中的性能差异；③为多目标优化问题提供算法选型和改进思路。; 阅读建议：建议读者结合文中提供的Matlab代码进行实践操作，重点关注算法的参数设置、适应度函数设计及路径约束处理方式，同时可参考文中提到的多种算法对比思路，拓展到其他智能优化算法的研究与改进中。
图像重建使用FDK的三维谢普洛根幻影重建（Matlab代码实现）
11-26
【图像重建】使用FDK的三维谢普洛根幻影重建（Matlab代码实现）内容概要：本文介绍了使用FDK算法在Matlab环境中实现三维谢普洛根幻影（Shepp-Logan phantom）图像重建的技术方法，重点展示了图像重建过程中的关键步骤与代码实现。该资源属于一系列图像处理与医学成像技术研究的一部分，涵盖了从投影数据生成到反投影重建的完整流程，帮助读者理解CT图像重建的基本原理与FDK算法的应用细节。; 适合人群：具备一定Matlab编程基础，从事医学图像处理、计算机断层成像（CT）或相关领域研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①学习和掌握FDK算法在三维图像重建中的具体实现；②理解Shepp-Logan幻影模型在仿真成像中的作用；③为医学图像重建、算法验证与教学演示提供可运行的Matlab代码参考； 阅读建议：建议结合Matlab代码逐行调试，理解投影（正弦图）生成与滤波反投影的每一步操作，同时可延伸学习其他重建算法（如FBP
【大数据搜索技术】Elasticsearch7.8安装部署与集群管理：基于CentOS的分布式搜索引擎配置及性能优化实践
11-26
内容概要：本文详细介绍了Elasticsearch 7.8的安装部署及核心功能应用，涵盖环境准备、解压配置、启动优化、集群搭建、分片管理、健康监控等内容，并结合Kibana和Logstash构建完整的ELK日志分析体系。文章还讲解了中文分词器IK的使用、快照备份与恢复机制，以及如何通过Filebeat采集Nginx等服务的日志数据并进行可视化展示，系统性地呈现了Elasticsearch在实际生产环境中的部署与运维流程。; 适合人群：具备Linux基础和一定运维经验的技术人员，尤其是从事日志分析、搜索系统搭建或中间件维护的开发与运维工程师；适合初学者入门Elasticsearch及相关生态组件。; 使用场景及目标：①掌握Elasticsearch单节点与集群环境的安装与配置；②理解索引、分片、副本等核心概念并应用于实际业务；③构建基于Filebeat+Logstash+ES+Kibana的日志采集与分析链路；④实现数据的备份恢复与中文检索功能； 阅读建议：建议按照文档顺序逐步操作，重点关注配置参数调优与常见错误处理（如权限、虚拟内存限制），动手实践集群部署与日志采集流程，结合Kibana进行数据验证与可视化分析，加深对ELK生态协同工作的理解。
commonapi-dbus-demo
11-26
commonapi-dbus-demo
a href="javascript:;" 与 a href="#"
09-16
在HTML中，a标签使用`href="javascript:;"`和`href="#"`存在以下区别： - **页面行为**： - `href="#"`包含了一个位置信息，默认的锚是`#top`，即网页的上端。点击带有`href="#"`的a标签时，页面会跳转到当前页面的顶部 [^1]。 - `href="javascript:;"`让浏览器执行了一段空的JavaScript代码。点击该链接时，虽然浏览器会执行导航动作，但不会刷新页面，其导航目标不是某个页面，而是一段代码，实际上是取消了标签的默认页面跳转行为 [^2]。 - **代码含义**： - `#`是URL的锚点标识符，在URL中用于定位页面内的特定位置。 - `javascript:`是协议名，同`http:`，它告诉浏览器后面的内容是JavaScript代码，浏览器会在全局环境中执行这段代码 [^2]。 - **使用场景**： - `href="#"`常用于需要返回页面顶部或者在页面内进行锚点跳转的场景。 - `href="javascript:;"`（或`href="javascript:void(0);"`）常用于当某一链接要执行一个JavaScript程序时，保留链接的样式，但不让链接执行实际的页面跳转操作，通常会搭配`onclick`事件使用 [^3][^4]。 以下是示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- 点击会跳转到页面顶部 --> <a href="#">返回顶部</a> <!-- 点击执行空的JavaScript代码，无页面跳转 --> <a href="javascript:;">点击无跳转</a> <!-- 搭配onclick事件 --> <a href="javascript:;" onclick="alert(&#39;Hello!&#39;)">点击触发弹窗</a> </body> </html> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值