js中怎么实现页面跳转

JavaScript 页面跳转方法

使用 window.location.href
直接修改 window.location.href 属性，跳转到指定 URL：

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

浏览器会记录跳转前的页面到历史记录，支持后退操作。

使用 window.location.replace
替换当前页面，不保留历史记录：

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

适用于不希望用户返回前页的场景（如登录后跳转）。

使用 window.open
在新窗口或标签页中打开链接：

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

第二个参数 _blank 表示新标签页，可改为 _self 在当前窗口打开。

使用 location.assign
与 href 类似，但语义更明确：

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

同样会保留历史记录。

模拟表单提交跳转
动态创建表单并提交，适用于 POST 请求跳转：

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

注意事项

• 部分浏览器可能拦截 window.open 的弹窗行为，需用户主动触发（如点击事件）。
• 跳转前可监听 beforeunload 事件处理未保存的数据提示。
• 现代前端框架（如 React、Vue）通常推荐使用路由库（react-router、vue-router）实现单页应用内的导航。