JS中点击a标签不跳转

在开发中发现,使用如下方式的链接。

在Chrome中点击后不会做任何跳转或者打开新标签页,但在Firefox下会新开标签页。
<a href=”JavaScript:void(0);” target=”_blank”>test</a>

后经查找资料,发现需如下解决。
通过 false;” href=”javascript:void(0);” target=”_blank”>test</a>
或直接:<a target=”_blank”>test</a>

原因在于三款浏览器,对三个属性的处理顺序不同。
Chrome顺序:onclick -> href -> target
IE和Firefox顺序:onclick -> target -> href

时间: 2024-08-08 06:05:25

JS中点击a标签不跳转的相关文章

HTML 中点击&lt;a&gt;标签,页面跳转执行过程

HTML链接使用的是<a>标签 点击超链接,后台的执行大致如下: <a href="https://www.baidu.com">超链接</a> 根据链接地址看出,执行的是https协议 点击超链接,首先在本地的hosts文件(C:\Windows\System32\drivers\etc\hosts)中查找是否有与网址匹配的ip 如果没有, 跳转到网上查找网上dns,然后返回ip,接着跳转到相应的页面 //代码解释$("a").

安卓下点击a标签不跳转;点击a标签在手机真机上会调出手机键盘的解决办法

安卓下点击a标签不跳转的解决办法,是不用href做跳转的链接,改为用JS控制跳转 1 <a href="javascript:;" ontouchstart="window.location.href='https://www.baidu.com/'"><img src="xxx"></a> 这样写虽然解决了安卓下点击a标签不跳转的问题,但还是没有解决点击a标签,在手机真机上会调出手机键盘的行为 不过将a标签换

easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数

easyui中使用比较多的就是datagrid了,表格中添加连接,点击跳转,为比较常用的方式;往往在点及标签后调用getSeleted方法会失效; 一.初始代码: {field: 'id',title : '操作',align: 'center',width:'10%', formatter:function(value,row){ return  "<a onclick='show()' > 查看 </a>"; } }, function show(){ va

JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别

js代码: //$(document).click(function (e) { // 在页面任意位置点击而触发此事件 // var select = ""; // var i = $(e.target).attr("id"); // e.target表示被点击的目标 //这里是实际项目里面寻找下拉框的方法 // select = e.target.parentNode.parentNode.getElementsByTagName('select') //循环的方

使用iframe,注销以后,点击某个标签,跳转到的登录页面位于标签中

当使用iframe时,要么会话过期,要么手动注销,如果此时再进行操作,可能遇到跳转到登录页面,可是登录页面会位于标签执行,并没有全屏显示,即位于当前的iframe中,此时的解决方式很简单,只需要在登录页面添加以下javascript代码: <script> if(window != top) { top.location.href = location.href; } </script>

JS中点击事件冒泡解析

关于Javascript中的点击事件冒泡的问题,很多初学者都处理不好. 什么是点击事件冒泡? 例: 今天我去小明家找他玩.正好小明.小明的爸爸.小明的爷爷在客厅一起看电视. 我对小明说:”咱们出去玩吧“. 小明十分乐意的回答到:”好啊“. 小明的爸爸听到后,说到:”把作业写完后在出去玩“. 小明的爷爷也发话了:”预报有雷阵雨,就别出去玩了“. 我本来只是询问一下小明的意见,结果他爸比和爷爷对我说的话做出的反应影响到了小明接下来的行为. 这次之后,我和小明私下约定好.以后去找他玩的,都会去他房间里

在一个XAML中点击按钮,界面跳转到另一个XAML界面方法

private void ButtonGo_camerapage(object sender, RoutedEventArgs e) { this.Content = new cameraPage();//cameraPage是我要跳转到的新XAML界面的名称 }

夺命雷公狗---在js里阻止a标签的跳转和form表单的跳转

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="http://www.qq

a标签添加:hover,在ios上需要点击2次才能跳转

最近发现之前的做的网站在移动端上有个bug,就是我在pc端给tab加了hover样式,但是在ios移动端查看效果时,因为添加了hover需要点击2次,第一次点击是给tab添加hover样式,第二次点击a标签才跳转 因为们的网站不是响应式的,但是又要求在移动端可以正常浏览,所以我的解决方法是:把hover样式用js替代css写法,然后判断是移动端或只判断ios时取消hover事件.最后完美解决. ps:在求助度娘的时候,看到如果你的网站是响应式的可以使用如下方法解决: (1)网页头部添加meta