javascript:void(0);在火狐、IE中也会跳转到新的页面问题
2017-08-21 14:54
337 查看
在项目中遇到一个奇怪的问题:
这样一段代码,在谷歌中点击a标签,并不会发生页面跳转,但是在IE和火狐则会跳转到一个空白页面。
问题原因
浏览器默认处理事件的顺序有差异。
Chrome顺序:onclick -> href -> target
IE和Firefox顺序:onclick -> target -> href
解决方案
1.添加onClick事件,直接return false阻止之后浏览器默认事件的执行。
2.直接去掉href属性
其实就是事件冲突导致的,只要保证不在target和href同时存在时,就不存在该问题。出现了该问题最好采用去掉href的方式,因为return false会阻止浏览器默认事件的执行,如果之后有用到的话会变得更麻烦。
<a target="_blank" href="javascript:void(0);">点我啊</a>
这样一段代码,在谷歌中点击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>
2.直接去掉href属性
<a target="_blank">点我啊</a>
其实就是事件冲突导致的,只要保证不在target和href同时存在时,就不存在该问题。出现了该问题最好采用去掉href的方式,因为return false会阻止浏览器默认事件的执行,如果之后有用到的话会变得更麻烦。
相关文章推荐
- javascript.void(0)依旧会跳转页面问题
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- javascript showModalDialog 内跳转页面的问题
- JavaScript跳转页面/Action并传递中文参数[解决js超链接传递过程中产生的中文乱码问题]
- Jquery页面跳转 JavaScript 页面跳转 跳转路径错误问题
- 火狐a链接javascript:void(0);出现的问题
- <a href='#' => <a href='javascript:void(-1) 页面不跳转到最高处。 “页面跳转”。
- window.location.reload()--解决JS页面跳转ie,firefox,opera不兼容问题
- 全局修改a链接的打开方式,javascript:void(0)会打开空白页面问题
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- spring jquery Mobile 页面跳转后浏览器url未改变&&javaScript代码刷新后才能执行的问题解决
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
- 关于用JavaScript获取session值并阻止页面跳转的问题
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结 【转】http://blog.csdn.net/uniqer/article/details/7789104
- 全局修改a链接的打开方式,javascript:void(0)会打开空白页面问题
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 使用window.location跳转页面在火狐上无法触发的问题
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结