如何使用 jQuery 或 JavaScript 重定向到另一个网页
答案：使用 JavaScript window.location 属性
您可以简单地使用 JavaScript window.location 属性来进行页面重定向，您不需要任何 jQuery。 如果要自动将用户从一个页面重定向到另一个页面，可以使用语法 window.location.replace("page_url")。
这里的好处是，replace() 方法不会将原始页面保存在会话历史记录中，这意味着用户将无法使用浏览器后退按钮导航到它，这会阻止 用户再次被重定向到目标页面。
创建一个空白 HTML 文件并将以下示例代码放入其中。 现在在网络浏览器中打开此文件，您将在 10 秒后自动重定向到该网站的主页。 如果您仔细观察，您会发现浏览器的后退按钮仍然处于禁用状态。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Automatic Page Redirect</title>
<script>
function pageRedirect() {
window.location.replace("http://www.qyoo.cn/");
}
setTimeout("pageRedirect()", 10000);
</script>
</head>
<body>
<p><strong>Note:</strong> 您将在 10 秒内被重定向到 qyoo.cn。 您无法通过单击浏览器返回按钮返回此页面。</p>
</body>
</html>但是，如果您想在事件发生时重定向页面，例如当用户单击按钮元素时，您可以使用 window.location.href = "page_url"，它会产生 当有人单击链接导航到其他页面时，效果类似。
同样，创建另一个 HTML 文件并将以下示例代码放入其中。 现在在网络浏览器中打开文件并单击页面上的按钮，它会将您重定向到该站点的主页。 此外，此时您可以看到浏览器的后退按钮变为活动状态。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Redirect a Page onClick Event</title>
<script>
function pageRedirect() {
window.location.href = "http://www.qyoo.cn/";
}
</script>
</head>
<body>
<button type="button" onclick="pageRedirect()">Go to QYOO 教程网</button>
<p><strong>Note:</strong> 您可以通过单击上面的按钮访问 qyoo.cn。 您可以通过单击浏览器的返回按钮返回此页面。</p>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements