IE6中链接A的href为javascript协议时不在当前页面跳转_javascript技巧

IE6中链接A的href为javascript协议时不在当前页面跳转_javascript技巧_

2014-06-07 14:52:00 [小大] 已经帮助：人解决问题

切页面时有时用链接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> 

（责任编辑：）