js实现换页
使用 window.location 实现页面跳转
通过修改 window.location.href 或 window.location.assign() 实现换页:
// 方法1:直接修改 href
window.location.href = 'https://example.com/newpage.html';
// 方法2:使用 assign() 方法(可回退到上一页)
window.location.assign('https://example.com/newpage.html');
使用 window.open 打开新窗口或标签页
在新窗口或标签页中打开页面:

window.open('https://example.com/newpage.html', '_blank'); // 新标签页
window.open('https://example.com/newpage.html', '_self'); // 当前窗口
使用 history.pushState 无刷新修改 URL
适用于单页应用(SPA),仅更新 URL 不刷新页面:

history.pushState({}, '', '/newpage.html'); // 修改 URL 但不加载新页面
表单提交跳转
通过表单提交实现页面跳转:
document.getElementById('myForm').submit(); // 提交表单后跳转
使用 <a> 标签模拟点击
通过 JavaScript 触发 <a> 标签的点击事件:
document.getElementById('myLink').click(); // 模拟点击链接跳转
注意事项
- 使用
window.location或window.open时,跨域链接可能受浏览器安全策略限制。 history.pushState需配合前端路由框架(如 React Router、Vue Router)使用。- 表单跳转适用于需要提交数据的场景。






