五种网页弹窗html代码

以下是五种常见的网页弹窗HTML代码：

1. Alert弹窗：

<script>
    alert("Hello World!");
</script>

2. Confirm弹窗：

<script>
    if (confirm("Are you sure?")) {
        // 用户点击了确认按钮
    } else {
        // 用户点击了取消按钮
    }
</script>

3. Prompt弹窗：

<script>
    var name = prompt("What is your name?");
    alert("Hello, " + name + "!");
</script>

4. 悬浮弹窗：

<div id="popup">
    <h2>这是一个悬浮弹窗</h2>
    <p>弹窗内容</p>
    <button onclick="document.getElementById('popup').style.display='none'">关闭</button>
</div>

5. 模态框弹窗：

<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <p>弹窗内容</p>
    </div>
</div>

<script>
    var modal = document.getElementById("myModal");
    var btn = document.getElementById("myBtn");
    var span = document.getElementsByClassName("close")[0];
    btn.onclick = function() {
        modal.style.display = "block";
    }
    span.onclick = function() {
        modal.style.display = "none";
    }
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>