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实现3D旋转相册，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要为大家介绍了使用Nest.js实现接口教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要介绍了javascript设计模式之策略模式学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了动态加载js、css的实例代码的相关资料,非常不错具有参考借鉴价值，感兴趣的朋友一起看看吧2016-05-05
这篇文章主要介绍了ES6扩展运算符的用途 ,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-08-08
javascript设计模式 – 观察者模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 观察者模式,结合实例形式分析了javascript观察者模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了js实现同一个页面多个渐变效果的方法,涉及javascript操作渐变效果的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
JavaSctit 利用FileReader和滤镜上传图片预览功能
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件内容，使用 File或 Blob对象指定要读取的文件或数据。下面通过本文给大家分享JavaSctit 利用FileReader和滤镜上传图片预览功能，需要的朋友参考下吧2017-09-09
这篇文章主要介绍了JavaScript RegExp 对象用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
基于Web标准的UI组件 — 树状菜单(2)...2006-09-09
最新评论