a标签不跳转的几种实现方式

简介: a标签不跳转一共收集了3种方法1、onclick事件中返回false不能跳转的写法及demo<a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a> 2、 用href=”javascript:void(0)”这种伪协议;(这种伪协议,少写的好)

a标签不跳转一共收集了3种方法

1、onclick事件中返回false

不能跳转的写法及demo

<a href="http://www.baidu.com"  onclick="return false" >不能跳到百度</a> 

2、 用href=”javascript:void(0)”这种伪协议;(这种伪协议,少写的好)

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

3、使用 (#)

<a href="#" class="demo" onclick="del()" >删除</a>。//总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。不推荐使用 
目录
相关文章
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
4月前
|
JavaScript 前端开发
定义一个超链接,点击超链接后,执行一段代码,页面不跳转
这篇文章展示了如何在HTML中创建一个超链接,当点击这个超链接时,会执行JavaScript代码(例如弹出一个警告框)而不会导致页面跳转。
|
5月前
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
191 0
|
5月前
|
UED
返回按钮——没有上一页的URL时,跳转到首页(document.referrer的妙用)
返回按钮——没有上一页的URL时,跳转到首页(document.referrer的妙用)
50 0
|
JavaScript
跳转页面传值
跳转页面传值
46 5
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
49 0
|
JavaScript 前端开发 Go
页面前进、页面后退、页面跳转的方法
页面前进、页面后退、页面跳转的方法
130 0
|
JavaScript 前端开发
有关HTMl中a标签跳转到顶部的解决办法
有关HTMl中a标签跳转到顶部的解决办法
224 0