IE6果然是一个集各种bug于一身的奇葩

最新推荐文章于 2025-09-25 23:03:52 发布

原创最新推荐文章于 2025-09-25 23:03:52 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Firefox #Blog #HTML #ViewUI

web前端同时被 2 个专栏收录

13 篇文章

订阅专栏

openApi

13 篇文章

订阅专栏

本文探讨了在Internet Explorer 6浏览器中使用window.location.href进行页面跳转时遇到的问题，并提供了解决方案。通过调整<a>标签的href属性及使用自定义函数的方法，确保了在IE6及现代浏览器下的兼容性和有效性。

转自 http://blog.163.com/leaf-shi/blog/static/12749133020098109215329/

最近发现一个问题：
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下面全部通过。