首页 > 网站 > WEB开发 > 正文

阻止跳转的四种方式,你知道吗?

2024-04-27 14:16:13
字体:
来源:转载
供稿:网友

阻止跳转的四种方式,你知道吗?

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

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

2. <a href="Javascript:void(0);"onclick="action();">link</a>

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

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

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

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

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

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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表