王剑编程网

前端小伙伴们经常需要使用到JavaScript的跳转功能，今天这篇文章就总结了5种跳转方式，欢迎收藏起来以便在开发中使用。

使用 window.location.href // 跳转到指定URL
window.location.href = 'https://www.example.com';

使用 window.location.assign() // 跳转到指定URL
window.location.assign('https://www.example.com');

使用 window.location.replace() // 跳转到指定URL，不会在历史记录中留下当前页面的记录
window.location.replace('https://www.example.com');

使用 window.location 直接赋值 // 跳转到指定URL
window.location = 'https://www.example.com';

使用 window.open() // 在新窗口或新标签页中打开指定URL
window.open('https://www.example.com', '_blank');

每种方法都有其特定的用途和行为：

• window.location.href 和 window.location 会将当前页面替换为新的页面，并在浏览器的历史记录中添加一条记录。
• window.location.assign() 与 window.location.href 类似，也会替换当前页面并添加历史记录。
• window.location.replace() 会用新的页面替换当前页面，但不会在历史记录中保留当前页面的记录。
• window.open() 可以在新窗口或新标签页中打开指定的URL，而不影响当前页面。

创作不易，如果这篇文章对你有用，欢迎点赞关注加评论哦

小伙伴们在工作中还遇到过其他应用场景吗，欢迎评论区留言讨论哦。