📅  最后修改于: 2023-12-03 14:50:57.521000             🧑  作者: Mango
在 JavaScript 中,我们可以通过几种方式实现在网页中转到另一个 HTML 页面的效果。
最常见的方法是使用 window.location.href
属性,将新页面的 URL 赋值给它,浏览器就会自动跳转到这个新页面。
window.location.href = 'http://example.com';
这种方式适用于需要在当前页面打开新的页面的场景。
如果希望在新的浏览器窗口或标签页中打开新的页面,可以使用 window.open
方法。
window.open('http://example.com');
可以通过第二个参数指定页面打开的方式,比如:
// 在新窗口中打开
window.open('http://example.com', '_blank');
// 在当前窗口中打开
window.open('http://example.com', '_self');
有些情况下,我们需要替换当前页面而不是在新的窗口或标签页中打开新页面。可以使用 location.replace
方法实现这个效果。
location.replace('http://example.com');
这种方式会将用户浏览历史中当前页面之后的页面全部替换成新的页面。
以上就是在 JavaScript 中实现在网页中跳转到另一个 HTML 页面的方法,根据不同的场景,选择不同的方法达到最好的用户体验。
Markdown 版本:
# 在 JavaScript 中转到另一个 HTML 页面
在 JavaScript 中,我们可以通过几种方式实现在网页中转到另一个 HTML 页面的效果。
## 使用 window.location.href
最常见的方法是使用 `window.location.href` 属性,将新页面的 URL 赋值给它,浏览器就会自动跳转到这个新页面。
```javascript
window.location.href = 'http://example.com';
这种方式适用于需要在当前页面打开新的页面的场景。
如果希望在新的浏览器窗口或标签页中打开新的页面,可以使用 window.open
方法。
window.open('http://example.com');
可以通过第二个参数指定页面打开的方式,比如:
// 在新窗口中打开
window.open('http://example.com', '_blank');
// 在当前窗口中打开
window.open('http://example.com', '_self');
有些情况下,我们需要替换当前页面而不是在新的窗口或标签页中打开新页面。可以使用 location.replace
方法实现这个效果。
location.replace('http://example.com');
这种方式会将用户浏览历史中当前页面之后的页面全部替换成新的页面。
以上就是在 JavaScript 中实现在网页中跳转到另一个 HTML 页面的方法,根据不同的场景,选择不同的方法达到最好的用户体验。