h5实现页面跳转页面跳转页面
H5 实现页面跳转的方法
使用 <a> 标签实现跳转
通过超链接标签 <a> 的 href 属性指定目标页面路径，用户点击后跳转。
<a href="target.html">跳转到目标页面</a>使用 window.location 实现跳转
通过 JavaScript 修改 window.location.href 或调用 location.assign() 实现页面跳转。
// 方法1
window.location.href = "target.html";
// 方法2
window.location.assign("target.html");使用 window.open() 打开新页面
在新窗口或标签页中打开目标页面，可通过参数控制窗口行为。
window.open("target.html", "_blank");使用 history.pushState 或 replaceState（单页应用）
适用于单页应用（SPA），无刷新修改 URL 并跳转。
// 添加历史记录并跳转
history.pushState({}, "", "target.html");
// 替换当前历史记录
history.replaceState({}, "", "target.html");通过表单提交跳转
通过隐藏表单的 action 属性指定目标页面，提交后跳转。
<form action="target.html" method="GET">
<input type="submit" value="跳转">
</form>注意事项
- 路径问题：确保目标路径正确，相对路径或绝对路径需根据项目结构调整。
- 后退按钮：
location.replace()不会保留历史记录，用户无法通过后退按钮返回上一页。 - 单页应用：若使用
pushState，需配合路由库（如 Vue Router、React Router）处理视图更新。
