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

转载 2016年08月30日 11:03:02
我们常用的在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的作用。所以用这种方法点击后网页后返回到页面的最顶端。

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;"


js的方法中 字符串型要加引号


本文转载地址



JavaScript四种函数调用方式

JavaScript四种函数调用方式
  • woaijianjiandandande
  • woaijianjiandandande
  • 2016年10月19日 12:21
  • 1316

html a标签中调用js的几种方法

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的hr...
  • gnail_oug
  • gnail_oug
  • 2016年07月16日 19:27
  • 586

<a > 标签调用js的几种方法

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且ja...
  • java85140031
  • java85140031
  • 2014年08月20日 22:10
  • 1746

【736c677c4】使用<a>标签触发JS函数的几种办法

第一种,可以使用 test 第二种,可以使用 test 然后在JS中这么写: $("#test").click(function(){ test(); }); 第三种:可以使用 test ...
  • slg1988
  • slg1988
  • 2012年04月17日 17:39
  • 13776

A标签执行JS脚本

前言 A标签是html中常用的标签,它与button按钮是实现页面跳转的两种最常用的方式,经常在开发中我们更喜欢使用A标签,它们两者可以相互替换,但他们在执行js脚本时有着细微的区别。 使用A标签...
  • bbirdsky
  • bbirdsky
  • 2012年12月25日 22:48
  • 13223

javascript---html里a标签中调用js的function

  • xing_____
  • xing_____
  • 2015年06月29日 15:42
  • 2603

在a标签中调用js函数的点击事件总结

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();"这 是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javasc...
  • m0_37836194
  • m0_37836194
  • 2017年08月15日 10:27
  • 256

【JavaScript】a标签onclick传递参数不对,A标签调用js函数写法总结

理想效果:点击a标签,调用js方法并且传递参数。js方法获取参数调用后台方法。 问题:方法能够调用到,传递参数时参数奇奇怪怪的。不是想要的值。 错误示例: [html] view plain ...
  • xiaoshuji
  • xiaoshuji
  • 2016年06月23日 12:59
  • 3631

a 标签中调用js的几种方法(转)

a 标签中调用js的几种方法(转)  2011-08-29 13:27:43|  分类: jsp |  标签: |字号大中小 订阅 . 1. a href="javascript:js_meth...
  • chenxiang199055
  • chenxiang199055
  • 2011年12月20日 16:53
  • 958

<a> 标签 中调用js的几种方法

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且ja...
  • poolokok
  • poolokok
  • 2013年08月19日 11:00
  • 267
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:a 标签中调用js的几种方法
举报原因:
原因补充:

(最多只允许输入30个字)