`
jiangjingxiaoxuan
  • 浏览: 33700 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

a标签的href和onclick的区别

阅读更多

下面部分是转的:

 

  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动画图片停止播放

 

下面是自己遇到的:

 

  1. <a href="javascript:setCover();" >设为封面</a> 
  2. 如果在函数setCover()中想返回某种值,比如return false,这种写法出现的结果就会是将所返回结果用一个新页面展示

所以,比较推荐的写法是<a href="javascript:void(0)" onclick="setCover();">将会达到预期效果

分享到:
评论

相关推荐

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

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

    jquery A标签onclick事件

    ### jQuery 下 A 标签 onclick 事件处理 在前端开发中,经常需要为页面中的元素绑定事件处理函数,其中 `onclick` 事件是最常见的交互方式之一。jQuery 是一个流行的 JavaScript 库,它提供了简单易用的方法来处理...

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

    在`&lt;a&gt;`标签中,`href`和`onclick`是两个重要的属性,它们各自有不同的用途和交互方式。 `href`属性是`&lt;a&gt;`标签的核心属性,用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL,指向另一个网页;也可以是一个...

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

    当涉及到在`&lt;a&gt;`标签上同时使用`href`属性和`onclick`事件时,`this`对象的行为可能会变得复杂,特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题,并提供解决思路。 首先,`this`关键字在...

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

    `&lt;a&gt;`标签有两个关键属性,即`href`和`onclick`,它们都可以用来控制页面的跳转行为,但具体使用方式和效果有所不同。 1. `href`属性:`href`属性是`&lt;a&gt;`标签的核心属性,用于定义链接的目标URL。当用户点击这个...

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

    HTML中的超链接`&lt;a&gt;`标签是网页...总的来说,理解`&lt;a&gt;`标签的`href`跳转和`onclick`事件的执行顺序及相互作用,对于创建具有动态功能和良好用户体验的网页至关重要。合理运用这些特性,可以让网页交互更加灵活和智能。

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

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

    Jquery为a标签的href赋值实现代码

    代码如下: [removed] function doTest(){ var value = $(“input[name=’... } [removed] 要取的INPUT 标签&lt;input name=”dizhi” type=”radio” id=”dizhi” onclick=”doTest()” value=”&lt;?php echo $rsaddr

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

    最后,关于&lt;a&gt;标签的href属性和onclick事件的使用,还涉及到HTML标准和浏览器兼容性的问题。在不同的浏览器中可能会有细微的差别,因此在开发过程中进行充分的测试是非常必要的。总之,正确地使用href属性和onclick...

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

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

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

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

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

    本文将介绍如何使用JavaScript来实现这一功能,包括对带有查询参数的a标签和没有页面跳转功能的a标签进行区分处理。 首先,当页面中的a标签在点击后会导致页面跳转至当前页面,并附带一个查询参数时,我们可以利用...

    ie6下a标签的onclick事件不执行问题解决方案

    在IE6中,当`&lt;a&gt;`标签的`href`属性被设置为`javascript:void(0)`或者空字符串时,浏览器会尝试阻止默认的页面跳转行为,以便执行`onclick`事件中的JavaScript代码。然而,IE6的事件处理机制并不完善,它有时无法正确...

    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