js 实现链接跳转

使用 window.location.href 实现跳转

通过修改 window.location.href 可以直接跳转到目标 URL：

window.location.href = "https://example.com";

使用 window.location.replace 实现跳转

replace 方法会替换当前页面历史记录，无法通过浏览器后退按钮返回原页面：

window.location.replace("https://example.com");

使用 window.open 在新标签页打开链接

通过 window.open 可以在新标签页中打开链接，第二个参数 _blank 表示新标签页：

window.open("https://example.com", "_blank");

使用 HTML <a> 标签模拟点击

通过 JavaScript 动态创建 <a> 标签并触发点击事件：

const link = document.createElement("a");
link.href = "https://example.com";
link.target = "_blank"; // 可选：在新标签页打开
link.click();

使用 location.assign 实现跳转

assign 方法会加载新页面并保留历史记录，可通过后退按钮返回：

location.assign("https://example.com");

使用 meta 标签自动跳转

通过 <meta> 标签的 http-equiv="refresh" 实现页面自动跳转：

<meta http-equiv="refresh" content="3;url=https://example.com">

content 中的 3 表示 3 秒后跳转。

使用 history.pushState 修改 URL 但不跳转

适用于单页应用（SPA），仅更新 URL 而不刷新页面：

history.pushState({}, "", "/new-path");

注意事项

• 部分浏览器可能会拦截 window.open 的弹出窗口，需用户手动允许。
• 使用 replace 或 assign 时，确保目标 URL 是合法的，避免安全风险。
• 在单页应用中，推荐使用路由库（如 React Router、Vue Router）管理跳转逻辑。