📅 最后修改于: 2023-12-03 15:37:35.780000 🧑 作者: Mango
在web开发中，经常需要重定向到不同的HTML页面。在JavaScript中，可以使用window.location对象来实现页面重定向。
使用window.location.href属性可以实现页面重定向。这个属性返回当前页面的URL，可以直接赋值一个新的URL来实现重定向。
window.location.href = "http://www.example.com";
使用window.location.replace方法也可以实现页面重定向。与window.location.href不同的是，replace方法会导致浏览器不记录当前页面的历史记录，也就是说，用户无法通过浏览器的后退按钮回到之前的页面。
window.location.replace("http://www.example.com");
使用location.assign方法也可以实现页面重定向。它的行为与window.location.href类似。
location.assign("http://www.example.com");
以下是一个完整的示例，当用户点击按钮时，会重定向到http://www.example.com页面。在这个示例中，我们使用了location.assign方法来实现页面重定向。
<html>
<head>
<title>页面重定向示例</title>
</head>
<body>
<button onclick="redirectToExample()">重定向到example.com</button>
<script>
function redirectToExample() {
location.assign("http://www.example.com");
}
</script>
</body>
</html>
在JavaScript中，可以使用window.location.href、window.location.replace和location.assign来实现页面重定向。这些方法的使用非常简单，但需要注意的是，页面重定向会导致当前页面被替换，所以在重定向之前需要做好相应的数据保存工作。