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>
相关文章
最近一直在学习d3.js，大家都知道d3.js是一个非常不错的数据可视化库，我们可以用它来做一些比较酷的东西，比如可以来显示一些简单的网络拓扑图，这篇文中就通过实例代码给大家介绍了如何利用d3.js实现简单的网络拓扑图，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-11-11
这篇文章主要介绍了js如何实现浏览器打印功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要介绍了 Jasper的自动检测实现的机制比较简单，依靠某后台线程不断检测JSP文件与编译后的class文件的最后修改时间是否相同，若相同则认为没有改动，但倘若不同则需要重新编译,需要的朋友可以参考下2016-12-12
ParticlesJS是一个轻量级的创建粒子背景的 JavaScript 库，接下来通过本文给大家分享JS库之ParticlesJS使用简介，感兴趣的朋友一起看看吧2017-09-09
这篇文章给大家介绍了Electron 怎么将网页打包成桌面应用（web前端页面怎么生成exe可执行文件），感兴趣的朋友跟随脚本之家小编一起学习吧2018-02-02
适用于javascript开发者的Processing.js入门教程
这篇文章主要介绍了适用于javascript开发者的Processing.js入门教程，感兴趣的小伙伴们可以参考一下2016-02-02
JavaScript使用slice函数获取数组部分元素的方法
这篇文章主要介绍了JavaScript使用slice函数获取数组部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这里是seajs loader的核心部分，有些IE兼容的部分还不是很明白，主要是理解各个模块如何依赖有序加载，以及CMD规范2012-11-11
这篇文章主要为大家介绍了WebGL 绘制与变换使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
新的一年就要到了，你一定有很多想许下的愿望吧!今天小编就为大家带来了一个基于Html+CSS+JavaScript实现的带雪花的许愿墙特效，需要的可以了解一下2022-01-01
最新评论