HTML 中实现页面跳转有多种方法，各有优缺点，适用于不同的场景：
1. 使用 标签 (超链接):
这是最常见、最基本的方式。 标签的 href 属性指定目标 URL。
跳转到 Example
跳转到另一个页面
优点: 简单易用，被广泛支持。
缺点: 会导致页面刷新，用户体验略差。
适用场景: 大多数页面跳转场景，特别是跳转到外部链接。
2. 使用 JavaScript 的 window.location 对象:
window.location 对象提供了多种属性和方法来控制浏览器地址栏和导航。
window.location.href = url: 最常用的方式，类似于修改标签的href。会刷新页面。
window.location.href = "https://www.example.com";
window.location.replace(url): 类似于 href，但不会保留历史记录，用户无法通过后退按钮返回上一页。
window.location.replace("https://www.example.com");
window.location.assign(url): 与 href 功能基本相同。
window.location.assign("https://www.example.com");
优点: 更加灵活，可以通过 JavaScript 代码动态生成 URL，并根据条件进行跳转。
缺点: 需要编写 JavaScript 代码。
适用场景: 需要动态跳转，或需要控制跳转行为（例如禁止后退）的场景。
3. 使用 标签的 http-equiv="refresh" 属性:
可以设置一段时间后自动跳转到指定页面。
其中 content 属性的值 5 表示延迟 5 秒后跳转。
优点: 可以实现自动跳转。
缺点: 用户体验较差，不建议频繁使用。SEO 也不友好。
适用场景: 例如在操作成功后，延迟几秒跳转到结果页面。
4. 使用 JavaScript 的 history 对象:
history 对象可以操作浏览器历史记录。
history.pushState(state, title, url): 将新的状态和 URL 添加到历史记录中，不会刷新页面。
history.replaceState(state, title, url): 修改当前历史记录的状态和 URL，不会刷新页面。
window.onpopstate 事件: 监听浏览器历史记录的变化，例如用户点击后退或前进按钮。
// 跳转到新页面
history.pushState({ page: 1 }, "title 1", "?page=1");
// 监听浏览器后退或前进按钮
window.onpopstate = function(event) {
// ... 处理历史记录变化 ...
};
优点: 可以实现无刷新跳转，提升用户体验，常用于单页应用 (SPA)。
缺点: 需要编写 JavaScript 代码，处理浏览器历史记录变化的逻辑略复杂。
适用场景: 单页应用，需要实现无刷新页面切换的场景。
5. 使用
优点: 可以携带数据跳转到目标页面。
缺点: 通常用于提交数据，而不是单纯的页面跳转。
适用场景: 需要提交数据并跳转到新页面的场景。
选择哪种方法取决于具体的需求和场景。 对于简单的页面跳转， 标签和 window.location.href 就足够了。对于更复杂的场景，例如单页应用或需要控制浏览器历史记录，则需要使用 JavaScript 的 history 对象。 尽量避免使用 标签的刷新跳转，因为它会降低用户体验。
