解决IE6中javascript:链接无法跳转的问题

IE6中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环境下，点击上述链接无法实现页面跳转，而其他现代浏览器则可以正常执行。为解决此问题，可以将href属性改为锚点形式。

 
<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

此外，如果将跳转逻辑改为使用window.open方法，即使在IE6下也能正常工作。

 
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<script>
function jumpSina() {
window.open( 'http://www.sina.com.cn')
} 
</script>