首页 > 代码库 > Javascript页面跳转与浏览器兼容

Javascript页面跳转与浏览器兼容

用<meta>标签实现的定时跳转:

<meta http-equiv="refresh" content="5 url=http://www.baidu.com">

现在也在很多系统中用于实现定时跳转,它最大的问题是在Chrome浏览器中无法正常运行(有人说可以,但至少我试了两个版本的chrome,都无法正常跳转)。

解决方法是用Javascript取而代之。一种简单的办法是先定义一个函数,作用是执行跳转操作,然后通过setTimeout函数实现延时调用之。

function abc() {
location = "http://www.baidu.com";
}
setTimeout("abc()", 1000);

这种写法比较罗嗦,还得定义个没啥用的函数,更好的办法是使用匿名函数,稍微难理解那么一点点,但是简洁很多,习惯了也一样。

setTimeout(function(){location = "http://www.baidu.com";}, 1000);

这里的location = "http://www.akcms.com/?blog";是一种简写,还有以下几种写法也都可以。

location.href = "http://www.baidu.com";
document.location = "http://www.baidu.com";
document.location.href = "http://www.baidu.com";

Javascript页面跳转与浏览器兼容