页面重定向是你点击一个URL本应到达页面X，但实际上却被导向了另一个页面Y的情况。这一概念不同于JavaScript页面刷新。
有许多原因可能会促使你将用户从原始页面重定向走。以下是几个可能的原因：
-
你不喜欢你的域名，并且正在转移到一个新的域名。在这种情况下，你可以将所有访客引导至新的站点。这里可以保留你的旧域名，但是放置一个单页包含页面重定向，这样所有旧域名的访客都能来到你的新域名。
-
如果你已经根据浏览器版本、名称或者基于不同国家建立了各种页面，那么可以使用客户端页面重定向来让用户到达适当的页面，而不是使用服务器端的重定向。
-
搜索引擎可能已经索引了你的页面。但在迁移到另一个域名时，你不希望失去通过搜索引擎过来的访客。因此可以使用客户端页面重定向。但请注意，不应以此来欺骗搜索引擎，否则可能会导致你的站点被封禁。
页面重定向如何工作？
页面重定向的实现方式如下：
示例 1
使用JavaScript在客户端进行页面重定向非常简单。要将网站访客引导至新页面，只需在头部部分添加一行代码即可。
<html>
<head>
<title>页面重定向示例</title>
</head>
<body>
<p>点击下面按钮，你将会被重定向到首页。</p>
<form>
<input type="button" value="重定向我" onclick="Redirect();" />
</form>
<script type="text/javascript">
function Redirect() {
window.location = "https://www.tutorialspoint.com";
}
</script>
</body>
</html>
示例 2
在重定向用户之前，你可以显示适当的消息。这需要一点时间延迟来加载新页面。以下示例展示了如何实现这一点。这里 setTimeout() 是一个内置的JavaScript函数，可以在给定时间间隔后执行另一个函数。
<html>
<head>
<title>页面重定向示例</title>
</head>
<body>
<p>将在10秒后重定向到主页。</p>
<script>
function redirect() {
window.location = "https://www.tutorialspoint.com";
}
setTimeout('redirect()', 10000);
</script>
</body>
</html>
输出
将在10秒后重定向到tutorialspoint.com主页！
示例 3
以下示例展示了如何根据用户的浏览器将其重定向到不同的页面。
<html>
<head>
<title>浏览器重定向</title>
</head>
<body>
<script type = "text/javascript">
var browsername = navigator.appName;
if( browsername == "Netscape" ) {
window.location = "https://www.tutorialspoint.com/javascript/index.htm";
} else if ( browsername =="Microsoft Internet Explorer") {
window.location = "https://www.tutorialspoint.com/articles/category/Javascript";
} else {
window.location = "https://www.tutorialspoint.com/";
}
</script>
</body>
</html>