在JS中a标签加入单击事件屏蔽href跳转页面

我们常用的在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;"

解释：

javascript:是伪协议，表示url的内容通过javascript执行。 void(0)表示不作任何操作，这样会防止链接跳转到其他页面。 这么做往往是为了保留链接的样式，但不让链接执行实际操作，具体的操作交给链接的onclick事件处理.

以上所述是小编给大家介绍的在JS中a标签加入单击事件屏蔽href跳转页面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# a标签href跳转  # js  # href  # 跳转  # angularjs项目的页面跳转如何实现（5种方法）  # Spring boot 跳转到jsp页面的实现方法  # Vue.js实战之利用vue-router实现跳转页面  # AngularJS之页面跳转Route实例代码  # AngularJS路由实现页面跳转实例  # ajax 提交数据到后台jsp页面及页面跳转问题  # JS中页面与页面之间超链接跳转中文乱码问题的解决办法  # JS实现页面内跳转的简单代码  # 这种方法  # 种方法  # 小编  # 的是  # 是一个  # 这是  # 是在  # 在此  # 中有  # 推荐使用  # 很容易  # 给大家  # 会使  # 这么做  # 不作  # 都用  # 所述  # 会像  # 给我留言 

相关文章： 如何用VPS主机快速搭建个人网站？  网站制作服务平台,有什么网站可以发布本地服务信息？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  广州营销型建站服务商推荐：技术优势与SEO优化解析  已有域名和空间如何快速搭建网站？  建站之星如何实现PC+手机+微信网站五合一建站？  网站图片在线制作软件,怎么在图片上做链接？  山东云建站价格为何差异显著？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  如何在阿里云完成域名注册与建站？  广州美橙建站如何快速搭建多端合一网站？  网站制作模板下载什么软件,ppt模板免费下载网站？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  如何获取上海专业网站定制建站电话？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  如何确认建站备案号应放置的具体位置？  如何在宝塔面板中修改默认建站目录？  郑州企业网站制作公司,郑州招聘网站有哪些？  外贸公司网站制作,外贸网站建设一般有哪些步骤？  长沙做网站要多少钱,长沙国安网络怎么样？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何彻底删除建站之星生成的Banner？  网站制作说明怎么写,简述网页设计的流程并说明原因？  招贴海报怎么做,什么是海报招贴？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  Python多线程使用规范_线程安全解析【教程】  如何通过主机屋免费建站教程十分钟搭建网站？  5种Android数据存储方式汇总  已有域名和空间，如何快速搭建网站？  如何在建站主机中优化服务器配置？  如何获取免费开源的自助建站系统源码？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  如何在阿里云服务器自主搭建网站？  魔方云NAT建站如何实现端口转发？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  建站之星如何取消后台验证码生成？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  定制建站流程解析：需求评估与SEO优化功能开发指南  建站与域名管理如何高效结合？  如何基于PHP生成高效IDC网络公司建站源码？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  如何在万网ECS上快速搭建专属网站？  创业网站制作流程,创业网站可靠吗？  孙琪峥织梦建站教程如何优化数据库安全？  广东专业制作网站有哪些,广东省能源集团有限公司官网？