a标签的href与onclick中使用js的区别

href与onclick中javascript的区别一般没用到都没注意，但出错时才有些郁闷，看文本章解释如下：

以前一直很随意，后来看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式，
今天用这种方式就遇到一些问题，摘网友的文章和我的结论放在下面：

链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；
假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。不信，你可以将 goGoogle 函数中的 return false 注释掉；
如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);，而不要是 #，这可以防止不必要的页面跳动；
如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；
在按住Shift键的情况下会有所区别。
今天我遇到的问题，在IE6.0里以href的形式访问不到parentNode。
尽量不要用javascript:协议做为A的href属性，这样不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。

转载于:https://www.cnblogs.com/sisi-five/p/3988509.html

a标签的href与onclick中使用js的区别相关推荐

a标签的href和onclick的区别
链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作 ...
Html A标签中 href 和 onclick用法、区别、优先级别
http://gocom.primeton.com/blog21307_27051.htm 我以前在写<A>的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: ...
简单明了《a标签的href》跳转页面情况，看完秒懂！！！
什么是a标签的href ? a标签的默认跳转链接行为是由href来实现的,同时设置href属性可以使a标签在hover状态下以手指指示的样式显示.但实际过程中发现对a标签的href属性的不同设置,可能 ...
a标签 href和onclick 传递的this区别
 <a href="javascript:void(0)" onclick="javascript:searchBySo ...
a 标签中调用js的几种方法
我们常用的在a标签中有点击事件: 1. a href="JavaScript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响
原文地址背景开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存 ...
android 的a标签,Android开发技巧之在a标签或TextView控件中单击链接弹出Activity(自定义动作)...
在5.2.1节和5.2.2节介绍了标签以及TextView自动识别的特殊文本(网址.电话号.Email等),这些都可以通过单击来触发不同的动作.虽然这些单击动作已经可以满足大多数需要了,但如果读者想在 ...
a标签中调用js的方法
1.a href="javascript:js_method();" 1.这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协 ...
HTML areamap标签及在实际开发中的应用
HTML <area><map>标签及在实际开发中的应用 by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6 ...

a标签的href与onclick中使用js的区别

a标签的href与onclick中使用js的区别相关推荐

最新文章

热门文章