IE6 中 window.location.href 不能跳转

最新推荐文章于 2020-06-10 15:16:28 发布

原创最新推荐文章于 2020-06-10 15:16:28 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Firefox #HTML #ViewUI

本文探讨了在Internet Explorer 6浏览器中使用window.location.href进行页面跳转遇到的问题，并提供了一种有效的解决方法。通过修改链接的href属性和使用自定义函数goUrl()实现了跨浏览器兼容的跳转。

window.location.href在IE6下面竟然不跳转，这是为什么呢？
这个是我写的语句：
<a href="javascript:void(0);" ;onclick="javascript:window.location.href='http://www.sina.com';">转到新浪</a>
后面是网上找到了解决方案（URL：http://www.cnblogs.com/kaima/archive/2008/08/22/1273808.html）：
<script type="text/javascript">
function goUrl(x)
{
window.location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳转1</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳转2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳转3</a>
<a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳转4</a>
<a href="###" onclick="javascript:goUrl('http://www.sina.com');">跳转5</a>
测试环境IE6,IE7,Firefox 3。
跳转1和2在IE6环境下无效，3、4、5在IE6,IE7,Firefox3.01下测试均能通过，。
跳转4和5最简洁。
关键在于<a>的href属性,空链接用"#","###"。
为了不返回网页顶端。
空链接推荐用"###"。

我采用了第三种方法，在后面加了return false;这样，IE6、IE7、FF3下面全部通过