当前位置: 首页 > 编程笔记 >

a标签的href与onclick事件的区别详解

朱和惬
2023-03-14
本文向大家介绍a标签的href与onclick事件的区别详解,包括了a标签的href与onclick事件的区别详解的使用技巧和注意事项,需要的朋友参考一下

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

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

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

[缘由]
用CheckBoxList控件时想实现在每个checkbox后再加链接的功能,点链接实现一些功能之外,还要把checkbox选中。

<input type="checkbox" name="chk" id="chk">
<label for="chk">选中它<a onclick="this.parentNode.click();" href="#" style="border:solid 1px blue;">[label中的链接]</a></label>

最后用parentNode来实现的。

<a href="javascript:void(0)" onclick="defineField(this);return false">ClickToDefine</a>

 类似资料:
  • 本文向大家介绍a标签的href和onclick属性同时存在时哪个先触发?相关面试题,主要包含被问及a标签的href和onclick属性同时存在时哪个先触发?时的应答技巧和注意事项,需要的朋友参考一下 应该是属性先触发,判断依据是在中使用方法可以阻止标签的跳转,说明标签的跳转行为是一个默认行为;如下:

  • 问题内容: 我想在单击时运行一个简单的JavaScript函数,而无需任何重定向。 将JavaScript调用放入属性之间有什么区别或好处(如下所示: )与将其放入属性(将其绑定到事件)? 问题答案: 将href置于href中会激怒那些坚信内容与行为/行为分开的人。理由是您的html内容应仅专注于内容,而不是表示或行为。 这些天的典型路径是使用JavaScript库(例如jquery)并使用该库创

  • 本文向大家介绍js a标签点击事件,包括了js a标签点击事件的使用技巧和注意事项,需要的朋友参考一下 当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1.a href="javascript:void(0);" rel="external nofollow" onclick="method()" 这种方法是

  • 问题内容: 尽管该链接已禁用,但仍可单击。 如果禁用它,我可以使其不可单击吗?我是否必须使用JavaScript? 问题答案: 没有超链接的禁用属性。如果您不希望链接某些内容,则需要完全删除该标签或删除其属性。

  • 本文向大家介绍link标签和import标签的区别?相关面试题,主要包含被问及link标签和import标签的区别?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: link属于html标签,而@import是css提供的 页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。 link是html标签,因此没有兼容性,而@import只有IE5以上才能识别

  • 本文向大家介绍简述一下src与href的区别相关面试题,主要包含被问及简述一下src与href的区别时的应答技巧和注意事项,需要的朋友参考一下 href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。 src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和fr