zoukankan      html  css  js  c++  java
  • a标签调用js的几种方法

    a标签点击事件方法汇总

    <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。
       这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。


    1. a href="javascript:js_method();"
    这是平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

    2. a href="javascript:void(0);" onclick="js_method()"
    这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

    3.a href="javascript:;" onclick="js_method()"
    这种方法跟跟2种类似,区别只是执行了一条空的js代码。

    4.a href="#" onclick="js_method()"
    这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

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

    5.a href="#" onclick="js_method();return false;"
    这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

    我看了下taobao的主页,他们采用的是第2种方法,而alibaba的主页是采用的第1种方法,和我们的区别是每个href里的javascript方法都用try、catch包围。

    综合上述,在a中调用js函数最适当的方法推荐使用:
    a href="javascript:void(0);" onclick="js_method()"
    a href="javascript:;" onclick="js_method()"
    a href="#" onclick="js_method();return false;" 我们常用的在a标签中有点击事件:
    1. a href="javascript:js_method();"

  • 相关阅读:
    iOS 面试题搜集
    iOS 常用第三方类库、完整APP示例
    iOS 键盘遮挡输入 解决办法
    iOS UIColor RGB HEX
    iOS APP性能优化
    iOS Swift 数组 交换元素的两种方法
    iOS CoreData primitive accessor
    iOS Start developing ios apps (OC) pdf
    iOS 传值方式
    iOS IB_DESIGNABLE IBInspectable @IBDesignable @IBInspectable 加速UI开发
  • 原文地址:https://www.cnblogs.com/zhuochong/p/11465144.html
Copyright © 2011-2022 走看看