onclick事件与href='javascript:function()'的比较

最新推荐文章于 2020-07-28 23:05:21 发布
最新推荐文章于 2020-07-28 23:05:21 发布
阅读量188 收藏
点赞数
分类专栏： js 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuxiaoxiaaini/article/details/84360789
版权

onclick事件与href='javascript:function()'的比较   

2010-04-12 13:07:26 |  分类： PHP MySQL | 字号   订阅

        href='javascript:function()'和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。

        而且 onclick事件会比 href属性先执行，所以会先触发 onclick 然后触发href，所以如果不想页面跳转，可以设置 onclick里面的js代码执行到最后返回一个false，这样 href 里面的东西就不会执行了。

        在ajax应用程序中，多写着下面的这样 ，以表示这个链接不跳转，而执行一段js脚本。
<a href="javascript:void(0);" οnclick="function()"></a>
或者 <a href="javascript:;" οnclick="function()"></a>

        void(0) 只是用来计算一个空值，其实也是什么事情都不做，而分号“;”则表示是一个空的js语句，这样就不会有任何其他跳转发生了，而且W3C标准不推荐在href里面执行javascript语句，所以还是用 onclick事件触发吧

niuxiaoxiaaini
关注
专栏目录
空链接 href=＂#＂与href=＂javascript-void(0)＂的区别.docx
02-07
### 空链接 `href="#"` 与 `href="javascript:void(0)"` 的区别 在Web开发中，经常会遇到需要创建空链接的情况，这些链接主要用于页面内的导航或者是触发某些JavaScript事件，而不是真正的跳转到另一个页面。在HTML...
[removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
11-25
<a href="javascript:void(0)" onclick="yourFunction()">调用函数链接 ``` 在某些情况下，`javascript:void(0)`可能在Internet Explorer中导致问题，比如停止GIF动画的播放。为避免这种情况，可以考虑使用`#`或...
onclick事件与href='javascript:function()'的比较(转载)
wb284551926的博客
10-14 196
    href='javas cript:function()'和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。         而且 onclick事件会比 hre...
a标签中的href,onclick,#,javascript:void简要分析
不才的专栏
02-03 1万+
window.onbeforeunload=function(){ alert("onbeforeunload event..."); //return false;}测试1测试2测试3测试4测试5     在开发过程中，经常会使用测试1这种方式来触发javascript事件而不改变当前链接.或者测试2测试2这种方式来建立死链接。但是只要看过
href="javascript:function()" 和onclick的区别
12-16 160
href='javascript:function()'和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。 而且 onclick事件会比 href属性先执行，所以会...
事件
vaeaaa的博客
07-28 156
事件 概念 事件就是用户和游览器交互的瞬间。 事件(Event)是JavaScript应用跳动的心脏 ，也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。 事件的三要素 事件源：绑定在谁身上的事件。 事件类型：绑定一个什么事件。 常见的事件类型 //鼠标事件 都要在前面加on才能触发 click 点击事件 dblclick 双击事件 mousemove 鼠标移入 mouseover 鼠标移入 mouseout 鼠标移出 mouseleave 鼠
a href=#与 a href=javascript:void(0) 的区别
u010552788的专栏
10-24 9119
javascript:void(0)的意思就是什么也不做！他不是页面URL，而是一个javascript语句void(0)，void是一个操作符，该操作符指定要计算一个表达式但是不返回值，这个要计算的表达式是“0”，所以，这个基本是坑爹的写法，完全是糊弄浏览器的。 如果你鼠标悬停于一个链接上，在浏览器底部状态栏上显示该链接的目标地址是这个的话，说明这个网页的编写者希望这个链接被点击时不是直接跳转
href=javascript:如何用
chuangmao7450的博客
08-15 1810
<script type="text/javascript"> function openwin(url){ window.open(url,'_blank','resizable=1,width=900,height=400'); } </script> <...
a标签href属性和onclick事件的比较介绍
09-28
href属性用于指定链接的目标地址，而onclick属性则用于绑定一个事件处理器，当用户点击标签时会触发相应的JavaScript代码执行。理解这两个属性的使用场景和区别，对于前端开发人员来说非常重要。 首先，href属性是...
详解a标签添加onclick事件的几种方式
10-17
- 使用`javascript:`协议作为`href`可能导致不必要的`window.onbeforeunload`事件触发。 - 在Internet Explorer中，这会导致GIF动画图片停止播放。 - W3C标准不建议在`href`中执行JavaScript语句。 ### 方法2: `...
<a>标签中 href 和 onclick 的区别，以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别
热门推荐
有范管理美学 | 公众号/头条号：有范管理美学
08-18 3万+
标签中href属性动作和onclick事件的区别，以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别 一、href 与 onclick 的区别 我以前在写标签的 href 和 onclick 一直很随意，后来出过几次问题，以后才开始重视这个问题： 首先摘录一篇文
基于java的校园美食交流系统设计与实现.docx
09-19
基于java的校园美食交流系统设计与实现.docx
#_ssm_126_mysql_实习支教中小学学校信息管理系统_.zip
09-19
均包含代码，文章，部分项目包含ppt
基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip
最新发布
09-19
基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip基于python的酒店评论中文情感分析系统源码+设计文档+数据集.zip 个人大四的毕业设计、课程设计、作业、经导师指导并认可通过的高分设计项目，评审平均分达96.5分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。 [资源说明] 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设或者课设、作业，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96.5分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），供学习参考。
ASP.NET公交车管理系统的实现与设计(源代码+论文).zip
09-19
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 、4下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；、下载 4使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；、 4下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
ASP基于WEB楼宇专业网站毕业设计(源代码+论文).zip
09-19
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.m或d论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 、1资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
django基于协同过滤算法的小说推荐系统 -论文.zip
09-19
基于Django框架开发的协同过滤算法小说推荐系统是一种利用用户行为数据来提供个性化小说推荐的应用。该系统通过分析用户的历史阅读记录、评分和反馈，发现用户之间的相似性或小说之间的相似性，进而为用户推荐可能感兴趣的小说。以下是该系统可能包含的关键特性： 1. **用户账户管理**：允许用户创建账户、登录和编辑个人信息，同时跟踪用户的阅读历史和评分。 2. **小说数据库**：构建一个包含大量小说信息的数据库，每本小说都有详细的元数据，如作者、出版年份、流派、标签等。 3. **协同过滤引擎**：实现协同过滤算法，包括用户-用户协同过滤和项目-项目协同过滤，以发现相似用户或相似小说。 4. **推荐生成**：根据协同过滤引擎的结果，生成个性化的小说推荐列表，并提供给用户。 5. **评分系统**：允许用户对小说进行评分，这些评分数据将用于训练推荐算法，提高推荐的准确性。 6. **用户界面**：设计直观、易用的用户界面，使用户能够轻松浏览推荐的小说、查看详情和进行评分。 7. **搜索和筛选功能**：提供强大的搜索功能，允许用户根据标题、作者或流派等关键词搜索小说，并提供筛选
<button type="button" ><a href="javascript:void(0)" onclick="banchDelete()">批量删除</a></button>
06-01
如果您想要将该按钮的显示与否与用户权限挂钩，您可以在 JavaScript 中添加一个判断用户权限的函数，并在点击按钮时调用该函数进行权限判断。具体方法如下： 1. 在 HTML 中给按钮添加一个 id，例如 `id="delete-btn"`。 2. 在 JavaScript 中定义一个判断用户权限的函数，例如 `checkRule()`。 3. 在 HTML 中绑定按钮的点击事件，例如 `onclick="checkRule()"`。 4. 在 `checkRule()` 函数中判断用户权限，并根据权限将按钮元素的样式设置为可见或隐藏。 下面是示例代码： HTML 代码： ``` <button type="button" id="delete-btn" onclick="checkRule()"><a href="javascript:void(0)">批量删除</a></button> ``` JavaScript 代码： ``` // 获取按钮元素 var deleteBtn = document.getElementById("delete-btn"); // 定义一个判断用户权限的函数 function checkRule() { // TODO: 根据实际情况判断用户权限 var rule = getUserRule(); // 根据权限设置按钮元素的样式 if (rule != 0) { deleteBtn.style.display = "none"; // 隐藏按钮 } } // TODO: 定义一个获取用户权限的函数 function getUserRule() { // TODO: 根据实际情况获取用户权限，并返回该值 return 1; // 假设用户权限为 1 } ``` 在上面的代码中，我们首先获取了按钮元素，并定义了一个判断用户权限的函数 `checkRule()`。在 `checkRule()` 函数中，我们调用了 `getUserRule()` 函数获取用户权限，并根据权限设置按钮元素的样式。在 HTML 中，我们绑定了按钮的点击事件为 `checkRule()` 函数。请注意，上面的代码中的 `getUserRule()` 函数是一个示例函数，您需要根据实际情况编写该函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值