以前一直很随意,后来看.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动画图片停止播放。
就这些,花了不少时间在这上面。
[缘由]
用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来实现的。
分享到:
相关推荐
本文将详细介绍如何在 jQuery 中为 A 标签绑定 onclick 事件,并通过具体的代码示例进行分析。 #### 一、jQuery 与 onclick 事件 在 jQuery 中,可以使用 `.click()` 方法轻松地为元素绑定点击事件。当用户点击该...
在`<a>`标签中,`onclick`事件可以用来执行JavaScript代码,包括页面跳转。例如: ```html <a onclick="window.location.href='https://www.jb51.net'">我们</a> ``` 这里,点击"我们"后,JavaScript代码`window....
`href`和`onclick`都是`<a>`标签的重要属性,它们各自承担着不同的职责,但在某些场景下可能会同时使用,这就涉及到它们之间的区别和交互。 1. **事件顺序**: 当一个`<a>`标签同时具有`href`和`onclick`时,`...
综上所述,`href`和`onclick`在`<a>`标签中分别负责链接跳转和JavaScript交互。在设计交互时,要根据需求选择合适的属性,并注意事件处理的顺序和阻止默认行为,以确保在不同浏览器中保持一致的行为。在需要传递`...
总结来说,当需要在`<a>`标签中同时使用`href`和`onclick`时,推荐使用`onclick`配合`return false`或`addEventListener`来传递`this`对象,以确保它指向正确的元素。这样,你就可以在处理函数中方便地访问和操作`<a...
在`<a>`标签上设置`onclick`事件,可以执行自定义的JavaScript代码,例如弹出确认对话框、执行数据验证或发送Ajax请求等。这种结合使得`<a>`标签不仅可以进行页面跳转,还能在跳转前执行额外的操作。 如描述中所述...
本文将详细介绍在`<a>`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`javascript:js_method()` ```html <a href="javascript:js_method();" rel="external nofollow">点击我</a> ``` 这个方法直接将...
综上所述,虽然有多种方式可以在`<a>`标签中调用JavaScript方法,但推荐使用`<a href="javascript:void(0);" onclick="js_method();>`或`<a href="javascript:;" onclick="js_method();>`,它们兼顾了代码简洁性、...
总结起来,`href`和`onclick`在`<a>`标签中的主要区别在于: 1. `href`定义链接的目标,负责页面间的导航。 2. `onclick`是JavaScript事件,允许在点击时执行自定义的JavaScript代码。 3. 在`onclick`和`href`同时...
关于href属性的使用,需要注意的是,直接在href中使用"javascript:"开头的代码段虽然在某些情况下看似方便,但在复杂的JavaScript环境中可能会产生问题,比如不必要地触发window.onbeforeunload事件,或者在IE浏览器...
首先,当页面中的a标签在点击后会导致页面跳转至当前页面,并附带一个查询参数时,我们可以利用JavaScript来捕获这些信息并进行相应的处理。具体实现步骤如下: 1. 给每个a标签设置一个ID值,并附上查询参数。例如...
在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文将详细介绍这一特殊用法的意义以及它与`a href="#"`之间的区别。 #### 一、`javascript:void(0)` 的含义 `javascript:void(0)` 是...
在现代Web开发中,使用JavaScript进行交互性增强是常见做法,因此在`<a>`标签中调用JavaScript函数是十分普遍的。本文将详细介绍如何在`<a>`标签中调用JavaScript函数,并探讨不同方法的优缺点。 首先,让我们回顾...
在A标签的`onclick`属性中,我们可以在函数调用后加上`return false;`,这样可以阻止A标签的默认行为。例如: ```html <a href="" target="mainFrame" class="STYLE4" onclick="del(); return false;">删除</a> ...