a标签加入单击事件 屏蔽href跳转页面
转自 http://blog.163.com/huang_qy/blog/static/615601452012101411625600/
我们常用的在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中a标签加入单击事件屏蔽href跳转页面的相关资料,需要的朋友可以参考下
a标签跳转打开新页面
最近在使用jquery模拟a标签的click事件,无法触发其默认行为。即click()或trigger('click')无法触发href跳转。 <a>去卡咪官网</a> $('#aBtn').click();//无法跳转,不生效 $('$aBtn').trigger('click');//同样无法...
//既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “”spanId”>下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。
Android 单击实现页面跳转
a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,...可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体
主要介绍了js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面,很简单的一个实现
使用vue-router 在IE下 a标签里的路由不跳转,火狐,chrome工作正常。 解决: 在App.vue 里增加判断IE浏览器手动修复…… export default { name: 'App', mounted(){ function checkIE(){ return '-ms-scroll-...
代码如下 _init_.py from flask import Flask, request, url_for, redirect, render_template app = Flask(__name__) @app.route('/') def index(): ...@app.route('/cool_form', methods=['GET', 'POST']) ...
android 选项菜单 页面跳转用setcontentview
WebView实现JS效果和a标签点击事件,案例包含四个点击事件,出现信息提示。
vue跳转不同页面的多种方法 1:router-link跳转 <!-- 直接跳转 --> <button>点击跳转2</button> <!-- 带参数跳转 --> <button>点击跳转1</button> <button>...
当我们在处理a标签上的点击事件时发现即使href=””里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1.a href=”[removed]void(0);” rel=”external nofollow” onclick=”...
点击导航栏,页面不跳转,刷新内容,类似AJAX
我们常用的在a标签中有点击事件: 1. a href=”[removed]js_method();” rel=”external nofollow” 这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不 必要的触发...
图片点击,跳转页面;可以用语点击多个图片,跳转到多个视图页面
完成某个操作后,页面会出现倒计时多长时间跳转到另一个页面
需要使用a这个超级链接,而又不使用href来完成跳转,在执行完了onClick事件后,a又去跳转href所指向的地址了,下面由两种不错的解决方法,希望对大家有所帮助
qt-quick实现QML页面跳转。支持单页面跳转和多页面跳转。分单页面跳转跟多页面跳转。