防止页面跳转的几种方法

1.<a href="javascript:;" >先学习</a>

<a href="javascript:;" >点我试试</a>:执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转。跟当前a标签无关,这段代码始终都会执行。

html代码:

<a href="javascript:;" onclick="javascript:alert('不会跳转到新页面的,只会弹出我')">点我试试</a>

页面效果:

效果1

点击a超链接:

效果2

2.<a href="#" >先学习</a>

点击链接,页面默认上滚到页的顶部, 但可以加上 οnclick=“return false”,防止上滚到页的顶部。

3.<a href="####" >先学习</a>

使用2个到4个#,见的大多是"####",也有使用"#all"等其他的。一个无意义的标签指定,不做任何处理。

4.<a href="javascript:void(0);" >先学习</a>

javascript:void(0) 表示一个死链接,执行空事件。

发布了111 篇原创文章 · 获赞 120 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/w1418899532/article/details/96856581
今日推荐