<rt id="d0c25f00"></rt>



  1. 
       
       
       


  2. 狗万官网酒店 > 狗万官网下载 > a标签调用js的主意总结_javascript艺术

    a标签调用js的主意总结_javascript艺术

    来源: 2019-09-09 19:43 我来投稿 参与评论
    在资产篇文章中小编给大家整理了一篇关于a标签调用js的几种方式的相关内容,有此要求的朋友们可以参考下。

    a标签点击事件方法汇总

    <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是其他有效文档的相对或绝对 URL,包括一些标识符和 JavaScript 代码段。

    此地的href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,其中javascript:是伪协议,其它可以让咱通过一个链接来调用javascript函数.而使用这个艺术

    javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,我家体验更好。

    1. a href="javascript:js_method();" rel="external nofollow" rel="external nofollow"

    这是平台上试用的主意,但是这种办法在传递this等数的时光很容易出题目,而且javascript:商讨作为a的href属性的时光不仅会导致不必要的接触window.onbeforeunload事件,在IE其中更会使gif动画图片停止播放。W3C专业不推荐在href其中执行

    javascript说话

    2. a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" onclick="js_method()"

    这种办法是广大网站最常用的主意,也是最周全的主意,onclick艺术负责实施js函数,而void是一番操作符,void(0)回到undefined,地方不发生跳转。而且这种办法不会像第一种方式一样直接将js艺术暴露在新石器的状态栏。

    3.a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method()"

    这种办法跟跟2种类似,分别只是履行了一枝空的js代码。

    4.a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method()"

    这种办法也是海上很常见的编码,#是标签内置的一个艺术,代表top的打算。故而用这种办法点击后网页后回去到页面的最顶端。

    <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ></a> 如果页面有滚动条 点击后网页后回去到页面的最顶端

    5.a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method();return false;"

    这种办法点击执行了js函数后return false,页面不发生跳转,实行后还是在页面的目前位置。

    我瞅了从taobao的主页,他俩使用的是第2种方式,而alibaba的主页是应用的顺序1种方式,和我们的分别是每个href阴之javascript艺术都用try、catch围绕。

    归纳上述,在a外方滥用js函数最方便的主意推荐使用:

  3. a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" onclick="js_method()"
  4. a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method()"
  5. a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method();return false;" 咱常用的在a标签中有点击事件:
  6. a href="javascript:js_method();" rel="external nofollow" rel="external nofollow"
  7. 上述就是关于a标签调用js的方方面面知识点内容,谢谢大家对脚本的师之支持。

    义务编辑:狗万官网酒店
     
     
    0% (0)
     
     
    0% (0)
    机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
    地名: 匿名?