我们常用的在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;"
- 浏览: 175129 次
- 性别:
- 来自: 南京
最新评论
-
快到碗里来_Jerry:
16777216L*Long.parseLong(ips[0] ...
IP地址与数字相互转换 -
谷超:
不知道楼主是否有更深入的研究
Quartz数据源配置 -
谷超:
楼主,quartz配置数据库信息后,是能够把job信息保存到数 ...
Quartz数据源配置
相关推荐
//既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “”spanId”>下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。
js页面,进行页面内容的拼接时,a标签的onclick点击事件,需要传参数时,解决转义麻烦,不对的情况,提供了模板
WebView实现JS效果和a标签点击事件,案例包含四个点击事件,出现信息提示。
a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external no...
我们常用的在a标签中有点击事件: 1. a href=”[removed]js_method();” rel=”external nofollow” 这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不 必要的触发...
当我们在处理a标签上的点击事件时发现即使href=””里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1.a href=”[removed]void(0);” rel=”external nofollow” onclick=”...
我们常用的在a标签中有点击事件: 1. a href=[removed]js_method(); 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发...
点击A标签后当前a变色,其它的不变色,让被点击的高亮显示
当一个页面有多个a标签,实现当前点击a标签变色,其他a标签回复原色,具体实现如下,喜欢的朋友可以参考下
实现了IOS中点击UILabel触发事件
a标签跳转打开新页面
如下所示: ...补充知识:VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符 运用: .prevent 阻止默认行为 <a>点击</a> .stop 阻止冒泡,只执行 start 不执行 end <input type=button
超级实用的点击隐藏,显示div内容,切换div内容 点击按钮(a标签)
HTML a 标签.docx
最近在使用jquery模拟a标签的click事件,无法触发其默认行为。即click()或trigger('click')无法触发href跳转。 <a>去卡咪官网</a> $('#aBtn').click();//无法跳转,不生效 $('$aBtn').trigger('click');//同样无法...
JQuery 控制动态A标签输出内容样式
实现效果:循环为带有ml-praise样式类的a标签添加事件,并且在点击a标签后,相应的数量增加1。 Html结构如下所示: <li><a>数量:<span class=ding-num>100</span></a> <li><a>数量:<span class=ding-num>200...