javascript 不使用按钮的确认弹出框

ubof19bj  于 2023-05-16  发布在  Java
关注(0)|答案(1)|浏览(221)

当我在谷歌上研究时,我总是看到他们需要或使用一个按钮来让Javascript工作。但我需要的是一个确认弹出框,而不使用按钮。比如当你运行代码时,程序会立即出现。
我需要的是一个确认弹出框,而不使用按钮。比如当你运行代码时,程序会立即出现。
(我在同学的作品中看到,他用了var()。

<h1>Demo: confirm() </h1>
<button onclick="save()">Save Data</button>
<p id="msg"></p>

<script>
    function save(){     
      var userPreference;

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

        document.getElementById("msg").innerHTML = userPreference; 
}
qacovj5a

qacovj5a1#

您可以使用load事件在代码运行时“立即”显示弹出框。
只需在脚本中添加window.onload = save()
更新后的代码将变为:

window.onload = save()

function save() {
  var userPreference;

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

  document.getElementById("msg").innerHTML = userPreference;
}
<h1>Demo: confirm() </h1>
<button onclick="save()">Save Data</button>
<p id="msg"></p>

另一个问题:How do I call a JavaScript function on page load?

相关问题