下面是详细讲解“JavaScript 网页跳转的方法”的攻略：
1. 使用 location 对象
JavaScript 中的 location 对象包含了当前窗口的 URL 信息，可以通过 location 对象跳转到另一个页面。使用 location 对象的方式非常简单，只需要将想要跳转的 URL 赋值给它的 href 属性即可：
location.href = 'http://www.example.com';
对于相对路径，也可以使用相对 URL：
location.href = '/example.html';
2. 使用 location.replace 方法
location.replace 方法会重定向当前页面到一个新的 URL，与使用 location.href 不同的是，使用 replace 方法不会在浏览器的历史记录中留下记录。可以使用如下方式来跳转：
location.replace('http://www.example.com');
示例说明
示例一
下面我们来实现一个按钮点击跳转的功能。代码如下：
<!DOCTYPE html>
<html>
<head>
<title>跳转示例</title>
<meta charset="utf-8">
</head>
<body>
<button id="jumpBtn">跳转到 baidu.com</button>
<script>
var btn = document.getElementById('jumpBtn');
btn.onclick = function() {
location.href = 'http://www.baidu.com';
};
</script>
</body>
</html>
在上面的代码中，我们新建了一个按钮，并在 JavaScript 中为它绑定了一个点击事件，点击后执行了跳转到百度页面的操作。
示例二
下面我们再来看一个页面自动跳转的示例。代码如下：
<!DOCTYPE html>
<html>
<head>
<title>跳转示例</title>
<meta charset="utf-8">
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
</head>
<body>
<p>这个页面将在 5 秒后自动跳转到百度</p>
</body>
</html>
在上面的代码中，我们在 head 标签里加入了一个具有自动跳转功能的 meta 标签，其中 content 属性的值为“5;url=http://www.baidu.com”，代表了页面将在 5 秒后跳转到百度。这种方式适用于需要在特定时间后自动跳转的场景。
以上就是“JavaScript 网页跳转的方法”的完整攻略。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：javascript 网页跳转的方法 - Python技术站
微信扫一扫 
支付宝扫一扫 