js中怎么实现页面跳转

JavaScript 实现页面跳转的方法

在 JavaScript 中，可以通过多种方式实现页面跳转，以下是几种常见的方法：

window.location.href 通过修改 window.location.href 属性可以跳转到指定的 URL：

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

window.location.replace 使用 replace 方法会替换当前页面，不会在浏览器历史记录中留下痕迹：

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

window.location.assign assign 方法会加载新的文档并在历史记录中保留当前页面：

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

window.open 在新窗口或标签页中打开 URL：

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

meta 标签刷新 通过 JavaScript 动态创建 meta 标签实现页面跳转：

const meta = document.createElement("meta");
meta.httpEquiv = "refresh";
meta.content = "0;url=https://example.com";
document.head.appendChild(meta);

表单提交 通过 JavaScript 提交表单实现跳转：

const form = document.createElement("form");
form.method = "GET";
form.action = "https://example.com";
document.body.appendChild(form);
form.submit();

history.pushState 使用 History API 修改当前 URL 但不刷新页面：

history.pushState({}, "", "https://example.com");

history.replaceState 替换当前历史记录项而不刷新页面：

history.replaceState({}, "", "https://example.com");

注意事项

• 使用 window.location.replace 和 window.location.assign 时，浏览器会立即跳转。
• window.open 可能会被浏览器弹出窗口拦截器阻止。
• history.pushState 和 history.replaceState 不会导致页面刷新，适用于单页应用（SPA）。
• 确保 URL 格式正确，包括协议（如 https://）。