打开另一个页面

当我们需要在网页中跳转到另一个页面时，可以使用 JavaScript 来实现。本文将介绍两种常用的方法：使用 window.location 和使用 a 标签。

使用 window.location

我们可以使用 window.location 对象来实现跳转。这个对象包含了当前网页的 URL 信息，我们可以通过修改它的属性来让浏览器加载另一个页面。

// 跳转到另一个页面
window.location.href = 'https://www.example.com';

上面代码将当前页面跳转到了 Example 网站的首页。我们只需要修改 href 属性的值即可。

除了 href 属性，window.location 还提供了其他有用的属性和方法：

• window.location.hostname：当前网页的主机名
• window.location.pathname：当前网页的路径名
• window.location.protocol：当前网页的协议（例如 http 或 https）
• window.location.reload()：重新加载当前页面

// 重新加载当前页面
window.location.reload();

使用 a 标签

另一个常见的方法是使用 a 标签来实现跳转。这种方法不需要使用 JavaScript，只需要在页面中添加一个链接即可。

<a href="https://www.example.com">跳转到 Example 网站</a>

用户点击这个链接后，浏览器会自动跳转到指定的网站。

如果需要在新的标签页中打开链接，可以将 target 属性设置为 _blank：

<a href="https://www.example.com" target="_blank">在新的标签页中打开 Example 网站</a>

总结

本文介绍了使用 window.location 和使用 a 标签来实现跳转的方法。两种方法都有各自的优缺点，开发者可以根据实际需求选择合适的方法。