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）使用。
• 表单跳转适用于需要提交数据的场景。