📅 最后修改于: 2023-12-03 14:59:05.553000 🧑 作者: Mango
有时候，你需要在页面上使用 JavaScript 来更改 URL。这可能是因为你需要重新定向用户或者你需要在页面加载时更改 URL。无论是哪种情况，这都是一项相当基本的任务，本文将向你展示如何使用 JavaScript 在 5 秒后更改 URL。
为了使这个演示更易于理解，我们将从一个简单的 HTML 页面开始。请参见下面的代码示例：
<!DOCTYPE html>
<html>
<head>
<title>5 秒后使用 JavaScript 更改 URL</title>
</head>
<body>
<h1>5 秒后使用 JavaScript 更改 URL</h1>
<p>请等待 5 秒钟，页面将自动跳转到 Google。</p>
<script src="main.js"></script>
</body>
</html>
上面的代码创建了一个简单的 HTML 页面，其中包含一个标题和一个段落。最重要的是，它在页面的 <body> 元素中包含了一个 <script> 元素，该元素将页面连接到我们在后面讨论的 JavaScript 代码。
现在，我们来看看在 JavaScript 中如何实现 5 秒后更改 URL。请参见下面的代码片段：
setTimeout(function() {
window.location.href = "https://www.google.com";
}, 5000);
上面的代码创建了一个 5 秒的计时器，它将等待 5 秒钟，然后通过将 window.location.href 赋值为 https://www.google.com 来更改 URL。这将在浏览器中加载 Google 的主页。
最后，下面是完整的 HTML 文件，它将使用 JavaScript 在 5 秒钟内自动将页面定向到 Google。
<!DOCTYPE html>
<html>
<head>
<title>5 秒后使用 JavaScript 更改 URL</title>
</head>
<body>
<h1>5 秒后使用 JavaScript 更改 URL</h1>
<p>请等待 5 秒钟，页面将自动跳转到 Google。</p>
<script>
setTimeout(function() {
window.location.href = "https://www.google.com";
}, 5000);
</script>
</body>
</html>
现在你已经知道如何在 JavaScript 中实现 5 秒后更改 URL 了！