我是靠谱客的博主 单纯酸奶,最近开发中收集的这篇文章主要介绍标签中的href和onclick的区别,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

转载自:https://my.oschina.net/junzizhiyao/blog/182702


这样写是为了让这个链接不要链接到新页面转而执行一段js代码。
和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事件触发吧

最后

以上就是单纯酸奶为你收集整理的标签中的href和onclick的区别的全部内容,希望文章能够帮你解决标签中的href和onclick的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(35)

评论列表共有 0 条评论

立即
投稿
返回
顶部