JavaScript 页面重定向
时间：2019-08-20 13:50:44 来源:igfitidea点击:
什么是页面重定向?
在Web站点上，重定向是一种将访问者转移到与其请求的页面不同的Web页面的技术，这通常是因为所请求的页面不可用。网络用户在访问名称已更改或者修改了域名，经常遇到重定向。 在比如多语言网站，根据访客的地理位置来重定向到对应语言的页面上。
页面重定向如何工作?
JS实现页面重定向如下所示。
例1
在浏览器中使用JavaScript进行页面重定向是非常简单的。
要将网站访问者重定向到新页面，只需设置 window.location
<html>
<head>
<script type = "text/javascript">
function Redirect() {
window.location = "https://www.theitroad.com";
}
</script>
</head>
<body>
<form>
<input type = "button" value = "页面重定向" onclick = "Redirect();" />
</form>
</body>
</html>
输出
示例2
我们可以使用setTimeout()实现定时加载重定向页面：
<html>
<head>
<script type = "text/javascript">
function Redirect() {
window.location = "https://www.theitroad.com";
}
document.write("页面将在3秒后重定向到主页");
setTimeout('Redirect()', 3000);
</script>
</head>
<body>
</body>
</html>
例3
下面的示例演示如何根据用户的浏览器将其重定向到不同的页面。
<html>
<head>
<script type = "text/javascript">
var browsername = navigator.appName;
if( browsername == "Netscape" ) {
window.location = "http://www.theitroad.com/ns.htm";
} else if ( browsername =="Microsoft Internet Explorer") {
window.location = "http://www.theitroad.com/ie.htm";
} else {
window.location = "http://www.theitroad.com/other.htm";
}
</script>
</head>
<body>
</body>
</html>
