h5实现网页跳转

使用 <a> 标签实现跳转

通过 HTML 的 <a> 标签直接跳转到目标页面，是最基础的方法。设置 href 属性为目标 URL，target 属性控制打开方式（如 _blank 在新标签页打开）。

<a href="https://example.com" target="_blank">跳转到示例网站</a>

使用 JavaScript 的 window.location

通过 JavaScript 动态控制页面跳转，适合需要条件判断或延迟跳转的场景。

// 直接跳转
window.location.href = "https://example.com";

// 替换当前页面（不保留历史记录）
window.location.replace("https://example.com");

使用 meta 标签自动跳转

通过 <meta> 标签的 http-equiv="refresh" 实现页面自动跳转，需设置 content 中的延迟时间和目标 URL。

<meta http-equiv="refresh" content="5;url=https://example.com">

使用 window.open() 方法

在新窗口或标签页中打开目标页面，可通过参数控制窗口特性（如尺寸、工具栏等）。

window.open("https://example.com", "_blank", "width=600,height=400");

通过表单提交跳转

利用表单的 action 属性提交数据并跳转，适用于需要传递参数的场景。

<form action="https://example.com" method="get">
  <input type="hidden" name="key" value="value">
  <button type="submit">跳转</button>
</form>

注意事项

• 确保目标 URL 合法，避免死链或安全风险。
• 使用 target="_blank" 时，建议添加 rel="noopener noreferrer" 防止安全漏洞。
• 自动跳转（如 meta 刷新）可能被浏览器拦截，需用户知情同意。