在 JavaScript 中导航到另一个页面

在 Web 开发中，我们通常需要在不同的页面之间进行导航。在 JavaScript 中，我们可以使用window.location对象来实现页面的导航。

修改 URL

要导航到另一个页面，最基本的方法是修改当前页面的 URL。

修改 pathname

修改pathname属性可以改变当前页面的路径，从而导航到另一个页面。

// 导航到 /page2.html
window.location.pathname = '/page2.html';

修改 hash

修改hash属性可以改变当前 URL 的锚点，从而导航到页面中的特定部分。

// 导航到 #section2
window.location.hash = 'section2';

修改 search

修改search属性可以改变当前 URL 的查询参数，从而导航到页面并传递参数。

// 导航到 /page2.html?name=John&age=18
window.location.search = 'name=John&age=18';

重定向页面

除了修改 URL，我们还可以使用window.location对象的assign方法或replace方法来重定向页面。

assign

使用assign方法可以在当前页面加载完成后导航到另一个页面。

// 导航到 /page2.html
window.location.assign('/page2.html');

replace

使用replace方法可以在当前页面导航到另一个页面，并替换当前页面的历史记录。

// 导航到 /page2.html，不会在历史记录中留下记录
window.location.replace('/page2.html');

总结

在 JavaScript 中，我们可以使用window.location对象来导航到另一个页面。除了修改 URL 外，还可以使用assign方法或replace方法来重定向页面。这些方法和属性在开发 Web 应用时经常用到，应该熟练掌握。