a标签点击不跳转的几种方法

1、onclick事件中返回false

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

2、用href=”javascript:void(0)”这种伪协议；

最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。

a href="javascript:void(0);" οnclick="js_method()"

3.利用空代码

这种方法跟跟2种类似，区别只是执行了一条空的js代码。

a href="javascript:;" οnclick="js_method()"

4、使用 (#)

<a href="#" class="demo" οnclick="del()" >删除</a>。//总是跳转到当前页面顶部，当页面内容较多时，还是会有跳转的感觉。不推荐使用

转载于:https://www.cnblogs.com/-wenli/p/10498055.html

a标签点击不跳转的几种方法相关推荐

本地html自动跳转,HTML页面跳转的5种方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件. 1) html的实现优点:简单缺点:Struts Tiles中 ...
js 控制页面跳转的5种方法
js 控制页面跳转的5种方法编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...
php实现页面跳转的几种方法(实例分享)
发布:theboy 来源:net [大中小] 转自:http://www.jbxue.com/article/2366.html php 页面跳转的几种方法方法一.header()函 ...
Jsp页面跳转和js控制页面跳转的几种方法
Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servle ...
php页面跳转的方法,PHP实现页面跳转的四种方法
PHP实现页面跳转的四种方法发布时间:2020-05-20 11:36:01 来源:亿速云阅读:172 作者:Leah 今天小编就为大家分享PHP实现页面跳转的四种方法.小编觉得挺实用的,为此分享 ...
IOS 点击空白处隐藏键盘的几种方法
IOS7 点击空白处隐藏键盘的几种方法 IOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以 ...
视频直播网站源码，uniapp页面跳转的几种方法和区别
视频直播网站源码,uniapp页面跳转的几种方法和区别保留当前页面,可跳转到非 tabBar 页面,使用uni.navigateBack可以返回到原页面(可传参) uni.navigateTo({u ...
JS 实现页面跳转的几种方法
JS 实现页面跳转的几种方法要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html) <script languag ...
js中实现页面跳转的几种方法
按钮式: 1 <INPUT name="pclog" type="button" value="GO" onClick="l ...
JQuery实现页面跳转页面跳转的七种方法
<mce:script type="text/javascript"><!-- $(function(){ var pn = $("#gotopagen ...

a标签点击不跳转的几种方法

a标签点击不跳转的几种方法

1、onclick事件中返回false

2、用href=”javascript:void(0)”这种伪协议；

3.利用空代码

4、使用 (#)

a标签点击不跳转的几种方法相关推荐

最新文章

热门文章

a标签点击不跳转的几种方法

a标签点击不跳转的几种方法

1、onclick事件中返回false

2、 用href=”javascript:void(0)”这种伪协议；

3.利用空代码

4、使用 (#)

a标签点击不跳转的几种方法相关推荐

最新文章

热门文章

2、用href=”javascript:void(0)”这种伪协议；