js实现换页
使用JavaScript实现页面跳转
通过window.location对象实现页面跳转是最常见的方法。可以直接修改href属性或调用相关方法：
// 方法1：直接修改href
window.location.href = 'https://example.com';
// 方法2：使用assign方法（可回退）
window.location.assign('https://example.com');
// 方法3：使用replace方法（不可回退）
window.location.replace('https://example.com');通过HTML锚点实现局部跳转
若需跳转至当前页面的特定位置，可通过锚点实现：
document.getElementById('jumpButton').onclick = function() {
window.location.hash = '#section2';
};对应的HTML需要存在目标锚点元素：
<div id="section2">目标区域</div>使用history API实现无刷新跳转
现代前端框架常通过History API实现SPA的路由跳转：
// 添加历史记录并跳转
history.pushState({page: 1}, 'Title', '/page1');
// 替换当前历史记录
history.replaceState({page: 2}, 'Title', '/page2');需要配合popstate事件监听路由变化：
window.addEventListener('popstate', function(e) {
console.log('导航至:', window.location.pathname);
});表单提交跳转
通过JavaScript触发表单提交实现跳转：
document.getElementById('myForm').submit();对应的HTML表单：
<form id="myForm" action="/submit" method="post">
<input type="text" name="data">
</form>定时跳转实现
通过setTimeout实现延时跳转：
setTimeout(function() {
window.location.href = 'https://example.com';
}, 3000); // 3秒后跳转新窗口跳转
使用window.open方法在新标签页打开链接：
window.open('https://example.com', '_blank');可通过第三个参数控制窗口特性：
window.open('https://example.com', '_blank', 'width=600,height=400');注意事项
- 跨域限制：某些跳转方法受同源策略限制
- 浏览器兼容性：History API在IE10+支持
- SEO影响：客户端跳转可能影响搜索引擎收录
- 用户体验：避免频繁跳转或意外跳转
