IE6中链接A的href为javascript协议时不在当前页面跳转
更新时间：2014年06月05日 16:58:05 作者：
IE6中当链接A的href为javascript协议时不能在当前页面跳转，本例给出有效的解决方法，大家不妨参考下
切页面时有时用链接A来替代按钮，这样做有几个好处
鼠标放上时默认有手状效果（不用添加cursor:pointer）
可以添加低版本IE都支持的伪类
如果点击时页面要整体刷新，即跳转，这时IE6则不尽人意，如下
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<p><a href="javascript:void 0;" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>
IE6中点击链接无法跳转，其它浏览器都可以。解决方法是改成锚点，
<p><a href="###" onclick="jumpSina()">Sina</a></p>
<p><a href="#none" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>
如果把跳转方式改为window.open，则IE6下没有问题，如下
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<script>
function jumpSina() {
window.open( 'http://www.sina.com.cn')
}
</script>
鼠标放上时默认有手状效果（不用添加cursor:pointer）
可以添加低版本IE都支持的伪类
如果点击时页面要整体刷新，即跳转，这时IE6则不尽人意，如下
复制代码 代码如下:
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<p><a href="javascript:void 0;" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>
IE6中点击链接无法跳转，其它浏览器都可以。解决方法是改成锚点，
复制代码 代码如下:
<p><a href="###" onclick="jumpSina()">Sina</a></p>
<p><a href="#none" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>
如果把跳转方式改为window.open，则IE6下没有问题，如下
复制代码 代码如下:
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<script>
function jumpSina() {
window.open( 'http://www.sina.com.cn')
}
</script>
相关文章
js调用activeX获取u盘序列号的代码，需要的朋友可以参考下。2011-11-11
JavaScript 中的单例内置对象Global 与 Math
这篇文章主要介绍了JavaScript 中的单例内置对象Global与Math，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-07-07
这篇文章主要为大家详细介绍了javascript操作向表格中动态加载数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了p5.js入门教程之图片加载,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
为超链接加上disabled后的故事，学习js的朋友可以参考下对超链接的一些控制。2010-12-12
这篇文章中列出了一个系列的 30 个 JavaScript 单行代码,它们在使用 vanilla js（≥ ES6）进行开发时非常有用,它们也是使用该语言在最新版本中为我们提供的所有功能来解决问题的优雅方式,将它们分为以下5大类：日期、字符串、数字、数组、工具2023-08-08
本文给大家分享为什么axios会有params和data两个参数,先来回顾一下axios的基本使用,怎么发送一个请求,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2023-10-10
这篇文章主要介绍了JavaScript作用域、作用域链和闭包的用法，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-09-09
这篇文章主要介绍了JavaScript实现简单网页版计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
今天小编就为大家分享一篇layui表格分页 记录勾选的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论