js的弹出框

// 使用 alert()
alert("这是一个警告信息！");

// 使用 confirm()
if (confirm("你确定要继续吗？")) {
    console.log("用户点击了确定");
} else {
    console.log("用户点击了取消");
}

// 使用 prompt()
let userInput = prompt("请输入你的名字：", "默认名字");
if (userInput !== null) {
    console.log("用户输入了：" + userInput);
} else {
    console.log("用户没有输入或者点击了取消");
}

<!-- 自定义模态框的HTML结构 -->
<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close-button">&times;</span>
        <p>这是一个自定义模态框！</p>
    </div>
</div>

<!-- 激活模态框的JavaScript -->
<script>
    var modal = document.getElementById("myModal");
    var btn = document.getElementById("myBtn");
    var span = document.getElementsByClassName("close-button")[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>