【前端学习笔记】点击a标签不跳转的几种方法

Amy · 发表于 2018-12-5 17:59:26

本帖最后由 Amy 于 2018-12-21 10:52 编辑

【web前端知识点】点击a标签不跳转的几种方法

【零基础学习web前端】教程目录导航

1、onclick事件中返回false

[HTML] 纯文本查看 复制代码

<a href="http://www.baidu.com"  >不要跳到百度</a>

2、href=”javascript:void(0)”

[HTML] 纯文本查看 复制代码

<a href="javascript:void(0)" >不能跳转</a>

这是种伪协议，少写的好。
3、使用#
<a href="#" class="demo" >不跳转</a>
使用这种不会跳转页面，但是会跳转到当前页面的顶部，当页面内容较长时，会有刷新页面的感觉，只适用于内容较少的页面

liu · 发表于 2018-12-5 17:59:59

强烈支持楼主ing……

站长苏飞 · 发表于 2018-12-5 18:06:47

不加href属性是不是也不会跳转

站长苏飞 · 发表于 2018-12-5 18:22:33

惜 · 发表于 2018-12-5 18:57:55

楼主加油，我们都看好你哦。

范范 · 发表于 2018-12-6 15:58:52

#，还是刷新了页面的

范范 · 发表于 2018-12-6 15:58:59

楼主加油

竹林风 · 发表于 2018-12-6 16:05:09

强烈支持楼主ing……

		自动登录	找回密码
密码			马上注册

[HTML/HTML5] 【前端学习笔记】点击a标签不跳转的几种方法