`
jiangjingxiaoxuan
  • 浏览: 32620 次
  • 性别: 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();">将会达到预期效果

分享到:
评论

相关推荐

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

    本文主要分享一篇关于Html A标签中href和onclick用法、区别、优先级别,具有很好的参考价值,有需要了解的朋友可以看看

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

    在blog的后台管理中允许为一个分类添加一个地址,但是不好添加onclick事件。想传递当前对象给一个函数,于是就将这个...我想得到的是innerText,而这个this并非指向它所在的A标签。 这是&lt;a&gt;和&lt;a&gt;不同的地方。 当使用onc

    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事件的区别详解

    以前一直很随意,后来看.net里的linkbutton似乎是用在&lt;a&gt;的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面: 1.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 ...

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

    html超链接a标签的href跳转跟onclick之间执行关系:如果onclick返回false,则a不进行跳转,如果onclick返回true,则a跳转,感兴趣的朋友可以了解下本

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

    a标签的href与onclick事件,想必大家不陌生吧,至于它们有什么区别,你知道吗?下面就为大家介绍下,感兴趣的朋友可以学习下,希望对大家有所帮助

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

    首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick ...

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

    a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用

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

    我们常用的在a标签中有点击事件: 1. a href=”[removed]js_method();” rel=”external nofollow” 这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不 必要的触发...

    在JS中a标签加入单击事件屏蔽href跳转页面

    我们常用的在a标签中有点击事件: 1. a href=[removed]js_method(); 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发...

    标签中的href如何调用js代码.pdf

    html中,在标签中设的href调用js代码,共有以下几种方式 &lt;a href ="javascript:void(0);" onclick ="js_method()"&gt; ...&lt;a href = "#" onclick ="js_method();return false"&gt; 本文使用第二种方式

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

    代码: 复制代码代码如下: &lt;a&gt;点我咯&lt;/a&gt; [removed] var loadiframe = function(){ alert&#40;‘弹不出来!!!’&#41; } [removed] 解决方案: 1、修改为href="##... 5、最后的解决方案,替换标签,把&lt;a&gt;换为 &lt;

    js a标签点击事件

    当我们在处理a标签上的点击事件时发现即使href=””里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1.a href=”[removed]void(0);” rel=”external nofollow” onclick=”...

    a标签的学习总结

    总结的很多关于a标签学习和运用中的细节,值得大家好好看一下

    自适应宽度的标签导航

    href="javascript:void(0)"&gt;标签一&lt;/A&gt; &lt;LI class=selectTag&gt;&lt;A onClick="selectTag('tagContent1',this)" href="javascript:void(0)"&gt;标签二&lt;/A&gt; &lt;LI&gt;&lt;A onClick="selectTag('tagContent2',this)" href=...

Global site tag (gtag.js) - Google Analytics