苏飞论坛

标题: 【前端学习笔记】点击a标签不跳转的几种方法 [打印本页]

作者: Amy 时间: 2018-12-5 17:59
标题: 【前端学习笔记】点击a标签不跳转的几种方法
本帖最后由 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
强烈支持楼主ing……

作者: 站长苏飞 时间: 2018-12-5 18:06
不加href属性是不是也不会跳转

作者: 站长苏飞 时间: 2018-12-5 18:22
<a href="#" >

作者: 惜 时间: 2018-12-5 18:57
楼主加油，我们都看好你哦。

作者: 范范 时间: 2018-12-6 15:58
#，还是刷新了页面的

作者: 范范 时间: 2018-12-6 15:58
楼主加油

作者: 竹林风 时间: 2018-12-6 16:05
强烈支持楼主ing……

欢迎光临苏飞论坛 (http://www.sufeinet.com/)