在js中,我们经常使用location.href来实现页面的跳转,为了方便我们写成函数。下面就在本个人博客分别说明下,下面的一些代码的实现问题。以下内容为转帖:
代码如下:
<script type="text/javascript">
function goUrl(x)
{
window.location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:goUrl('http://blog.0579skys.com');">个人博客跳转1</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://blog.0579skys.com');">个人博客跳转2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://blog.0579skys.com');return false;">个人博客跳转3</a>
<a href="#" onclick="javascript:goUrl('http://blog.0579skys.com');">个人博客跳转4</a>
<a href="###" onclick="javascript:goUrl('http://blog.0579skys.com');">个人博客跳转5</a>
测试环境IE6,IE7,Firefox 3。
跳转1和2在IE6环境下无效,3、4、5在IE6,IE7,Firefox3.01下测试均能 通过,。
跳转4和5最简洁。
关键在于的href属性,空链接用"#","###"。
为了不返回网页顶端。
空链接推荐用"###"。
我采用了第三种方法,在后面加了return false;这样,IE6、IE7、FF3下面全部通过。
···
···