`
Jonefy
  • 浏览: 11691 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

在a标签的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动画图片停止播放。
就这些,花了不少时间在这上面。
[缘由]
用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 中为 A 标签绑定 onclick 事件,并通过具体的代码示例进行分析。 #### 一、jQuery 与 onclick 事件 在 jQuery 中,可以使用 `.click()` 方法轻松地为元素绑定点击事件。当用户点击该...

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

    `href`和`onclick`都是`&lt;a&gt;`标签的重要属性,它们各自承担着不同的职责,但在某些场景下可能会同时使用,这就涉及到它们之间的区别和交互。 1. **事件顺序**: 当一个`&lt;a&gt;`标签同时具有`href`和`onclick`时,`...

    详解Html a标签中href和onclick用法、区别、优先级别

    综上所述,`href`和`onclick`在`&lt;a&gt;`标签中分别负责链接跳转和JavaScript交互。在设计交互时,要根据需求选择合适的属性,并注意事件处理的顺序和阻止默认行为,以确保在不同浏览器中保持一致的行为。在需要传递`...

    A标签中通过href和onclick传递的this对象实现思路

    总结来说,当需要在`&lt;a&gt;`标签中同时使用`href`和`onclick`时,推荐使用`onclick`配合`return false`或`addEventListener`来传递`this`对象,以确保它指向正确的元素。这样,你就可以在处理函数中方便地访问和操作`&lt;a...

    a标签href属性与onclick事件使用实例

    在`&lt;a&gt;`标签中,`onclick`事件可以用来执行JavaScript代码,包括页面跳转。例如: ```html &lt;a onclick="window.location.href='https://www.jb51.net'"&gt;我们&lt;/a&gt; ``` 这里,点击"我们"后,JavaScript代码`window....

    html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

    在`&lt;a&gt;`标签上设置`onclick`事件,可以执行自定义的JavaScript代码,例如弹出确认对话框、执行数据验证或发送Ajax请求等。这种结合使得`&lt;a&gt;`标签不仅可以进行页面跳转,还能在跳转前执行额外的操作。 如描述中所述...

    详解a标签添加onclick事件的几种方式

    本文将详细介绍在`&lt;a&gt;`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`javascript:js_method()` ```html &lt;a href="javascript:js_method();" rel="external nofollow"&gt;点击我&lt;/a&gt; ``` 这个方法直接将...

    a标签中调用js中的方法的方法

    综上所述,虽然有多种方式可以在`&lt;a&gt;`标签中调用JavaScript方法,但推荐使用`&lt;a href="javascript:void(0);" onclick="js_method();&gt;`或`&lt;a href="javascript:;" onclick="js_method();&gt;`,它们兼顾了代码简洁性、...

    a标签的href和onclick 的事件的区别介绍

    总结起来,`href`和`onclick`在`&lt;a&gt;`标签中的主要区别在于: 1. `href`定义链接的目标,负责页面间的导航。 2. `onclick`是JavaScript事件,允许在点击时执行自定义的JavaScript代码。 3. 在`onclick`和`href`同时...

    a标签href属性和onclick事件的比较介绍

    关于href属性的使用,需要注意的是,直接在href中使用"javascript:"开头的代码段虽然在某些情况下看似方便,但在复杂的JavaScript环境中可能会产生问题,比如不必要地触发window.onbeforeunload事件,或者在IE浏览器...

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    首先,当页面中的a标签在点击后会导致页面跳转至当前页面,并附带一个查询参数时,我们可以利用JavaScript来捕获这些信息并进行相应的处理。具体实现步骤如下: 1. 给每个a标签设置一个ID值,并附上查询参数。例如...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文将详细介绍这一特殊用法的意义以及它与`a href="#"`之间的区别。 #### 一、`javascript:void(0)` 的含义 `javascript:void(0)` 是...

    html中a标签调用js函数.pdf

    在现代Web开发中,使用JavaScript进行交互性增强是常见做法,因此在`&lt;a&gt;`标签中调用JavaScript函数是十分普遍的。本文将详细介绍如何在`&lt;a&gt;`标签中调用JavaScript函数,并探讨不同方法的优缺点。 首先,让我们回顾...

    A标签触发onclick事件而不跳转的多种解决方法

    在A标签的`onclick`属性中,我们可以在函数调用后加上`return false;`,这样可以阻止A标签的默认行为。例如: ```html &lt;a href="" target="mainFrame" class="STYLE4" onclick="del(); return false;"&gt;删除&lt;/a&gt; ...

Global site tag (gtag.js) - Google Analytics