文档章节

javascript:void(0);在火狐、IE中也会跳转到新的页面问题

 蜗牛奔跑
发布于 2017/08/25 10:24
字数 299
阅读 105
收藏 0

javascript:void(0);在火狐、IE中也会跳转到新的页面问题

 

在项目中遇到一个奇怪的问题:

<a target="_blank"  href="javascript:void(0);">点我啊</a>
  • 1
  • 1

这样一段代码,在谷歌中点击a标签,并不会发生页面跳转,但是在IE和火狐则会跳转到一个空白页面。

问题原因 
浏览器默认处理事件的顺序有差异。 
Chrome顺序:onclick -> href -> target 
IE和Firefox顺序:onclick -> target -> href

解决方案 
1.添加onClick事件,直接return false阻止之后浏览器默认事件的执行。

<a target="_blank"  onclick="return false" href="javascript:void(0);">点我啊</a>
  • 1
  • 1

2.直接去掉href属性

<a target="_blank">点我啊</a>
  • 1
  • 1

其实就是事件冲突导致的,只要保证不在target和href同时存在时,就不存在该问题。出现了该问题最好采用去掉href的方式,因为return false会阻止浏览器默认事件的执行,如果之后有用到的话会变得更麻烦。

© 著作权归作者所有

粉丝 38
博文 615
码字总数 118352
作品 0
海淀
私信 提问
Form在某些浏览器中自动向本页面提交并“刷新”

今天在码js时遇到一个神奇的Bug 就是这么一个简单的form提交,在Chrome上可以完美运行,表单提交成功后跳转到其他页面。但是在FireFox、Safari浏览器上总是会再次跳转到自己页面,而查看数据...

皇家马德里主教练齐达内
2018/04/28
0
0
Google Chrome 发现新 Bug,CPU 使用率飙升至 100%

Google Chrome 中目前发现了一个新的 Bug,使用 JavaScript 创建一个循环,最终导致 Google Chrome 耗尽计算机上的所有 CPU 并使浏览器卡死。 Google Chrome 错误报告中报告了这个 Bug,该报...

程六金
2018/12/23
8.2K
17
IE与Firefox的几个javascript兼容问题及解决

项目中遇到的问题 javascript动态创建页面元素 代码: var hName=document.createElement("<input type='hidden' name='midNames'>"); ie下能正常执行,Firefox下执行不了 解决办法: var h ......

Leonard207
2013/03/13
231
0
Google Chrome发现新Bug CPU使用率飙升至100%

Google Chrome 中目前发现了一个新的 Bug,使用 JavaScript 创建一个循环,最终导致 Google Chrome 耗尽计算机上的所有 CPU 并使浏览器卡死。Google Chrome 错误报告中报告了这个 Bug,该报告...

开源中国
2018/12/23
0
0
使用WebDriver遇到的那些坑

在做web项目的自动化端到端测试时主要使用的是Selenium?WebDriver来驱动浏览器。Selenium WebDriver的优点是支持的语言多,支持的浏览器多。主流的浏览器Chrome、Firefox、IE等都支持,手机上...

糖糖豆豆
2014/12/10
457
0

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
9
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
964
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部