IE6中链接A的href为javascript协议时不在当前页面跳转
时间：2021-02-01 09:57:35|栏目：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>
栏 目：JavaScript代码
下一篇：JavaScript实现更改网页背景与字体颜色的方法
本文标题：IE6中链接A的href为javascript协议时不在当前页面跳转
本文地址：http://www.codeinn.net/misctech/55140.html
