如何实现无需按钮触发、运行即弹出的JavaScript confirm弹窗

要实现页面运行代码后立即弹出confirm弹窗，只需要去掉原代码中依赖按钮触发的函数，直接将弹窗逻辑放在<script>标签中执行即可。以下是两种常见实现方式：

方式一：脚本加载时立即触发 #

当浏览器解析到这段脚本时，会直接弹出confirm弹窗，适合不需要等待页面完全加载的场景：

<h1>Demo: 无按钮触发 confirm()</h1>
<p id="msg"></p>

<script>
    var userPreference;

    if (confirm("Do you want to save changes?") == true) {
        userPreference = "Data saved successfully!";
    } else {
        userPreference = "Save Canceled!";
    }

    document.getElementById("msg").innerHTML = userPreference;
</script>

方式二：页面完全加载后触发 #

如果需要等待页面所有资源（如图片、样式表）加载完成后再弹出弹窗，可以将逻辑放在window.onload事件中：

<h1>Demo: 页面加载完成后触发 confirm()</h1>
<p id="msg"></p>

<script>
    window.onload = function() {
        var userPreference;

        if (confirm("Do you want to save changes?") == true) {
            userPreference = "Data saved successfully!";
        } else {
            userPreference = "Save Canceled!";
        }

        document.getElementById("msg").innerHTML = userPreference;
    };
</script>

说明 #

• 两种方式都使用了var声明变量，符合需求；
• 去掉了原代码中的按钮和save()触发函数，弹窗逻辑直接执行；
• 执行时机可根据实际需求选择：脚本加载时触发或页面完全加载后触发。

内容的提问来源于stack exchange，提问作者maxi