阻止跳转的四种方式，你知道吗？

阻止跳转常见的有下面四种方式:

1. <a href="javascript:;" οnclick="action();">link</a>

2. <a href="javascript:void(0);" οnclick="action();" >link</a>

3. <a href="###" οnclick="action();" >link</a>

4. <a href="#" οnclick=" action(); return false;">link</a>

事实上这四种方式都可以很正常的工作。

第1和第2中可以归为一类，使用javascript 伪协议，只要什么都不返回，那么浏览器将不会跳转

第3种比较有意思，它使用了一个锚点（跳转到id或name为##的位置），在浏览器中，如果一个锚点不存在，那么也不会跳转

第4种是在执行onclick的最后处加上return false, 这样就阻止了浏览器执行默认行为，同样就阻止了跳转

尽量不要使用href="javascript:;" href="###" ，而统一使用 οnclick="return false;" ，这是安全的，也是体验最好的。

阻止跳转的四种方式，你知道吗？相关推荐

【微信小程序】页面跳转的四种方式
页面跳转 wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个页面"类似于html中的 window.locati ...
vue路由跳转的四种方法
vue路由跳转有四种方式 router-link this.$router.push() (函数里面调用) this.$router.replace() (用法同push) this.$router. ...
详解vue 路由跳转四种方式 (带参数)
本文介绍了vue 路由跳转四种方式 (带参数),本文通过实例代码给大家介绍的详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1. router-link 1. 不带参数 <router-li ...
vue路由跳转写法在html,详解vue 路由跳转四种方式 (带参数)
1. router-link 1. 不带参数 //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由 ...
阻止路由跳转得方式_vue中路由跳转的三种方式简洁易懂
router-view 实现路由内容的地方,引入组件时写到需要引入的地方需要注意的是,使用vue-router控制路由则必须router-view作为容器. 通过路由跳转的三种方式 1.router ...
深入解析react关于事件绑定this的四种方式
这篇文章主要介绍了详解react关于事件绑定this的四种方式,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 在react组件中,每个方法的上下 ...
控制器中接收数据的四种方式
控制器中接收数据的四种方式: (仅限于个别的方式(get/post)有效) 通过形参的方式接收表单提交的数据(可以接收post与get提交的数据): 注释: GetData自己定义的方法名里面存入形参 ...
js代码中实现页面跳转的几种方式
js代码中实现页面跳转的几种方式注:jquery的$.get(),$.post(),$.ajax()都不会使页面发送跳转,因为其本质都是ajax请求. 第一种: <script languag ...
php页面跳转的方法,PHP实现页面跳转的四种方法
PHP实现页面跳转的四种方法发布时间:2020-05-20 11:36:01 来源:亿速云阅读:172 作者:Leah 今天小编就为大家分享PHP实现页面跳转的四种方法.小编觉得挺实用的,为此分享 ...

阻止跳转的四种方式，你知道吗？

阻止跳转的四种方式，你知道吗？相关推荐

最新文章

热门文章