html跳转页面到新的页面

作者：木齵乄语发布日期:2025-12-05 浏览:82

<!DOCTYPE html>
<html>
<head>
    <title>页面跳转示例</title>
    <meta charset="UTF-8">
</head>
<body>
    <!-- 使用超链接 (a 标签) 实现页面跳转 -->
    <a href="https://www.example.com" target="_blank">点击这里跳转到新页面</a>

    <!-- 使用 JavaScript 实现页面跳转 -->
    <button onclick="window.open('https://www.example.com', '_blank')">点击按钮跳转到新页面</button>

    <script>
        // 也可以通过脚本自动跳转
        // window.open('https://www.example.com', '_blank');
    </script>
</body>
</html>

解释说明：

超链接 (<a> 标签):
- 使用 <a> 标签可以创建一个超链接，用户点击后会跳转到指定的 URL。
- href 属性指定了要跳转的目标 URL。
- target="_blank" 表示链接会在新的浏览器标签页中打开。
JavaScript (window.open() 方法):
- 使用 window.open() 方法可以通过 JavaScript 实现页面跳转。
- 第一个参数是目标 URL，第二个参数 _blank 表示在新标签页中打开。
自动跳转:
- 如果需要在页面加载时自动跳转到新页面，可以去掉注释并使用 window.open() 方法。

上一篇：width在html中的用法

下一篇：html美化工具