在页面显示之前加载 Javascript 提示

分享于2022年07月17日 html javascript prompt script 问答
【问题标题】:在页面显示之前加载 Javascript 提示(Javascript prompt loads before page displays)
【发布时间】:2022-07-11 19:29:12
【问题描述】:

我在页面上添加了提示,但它在页面加载之前加载。 如何仅在整个页面可见时才显示消息?

这是我的提示:

if (name == null || name == "") {
  txt == "No name provided";
} else {
  txt = "Hello, " + name + "! How are you today?";
}
alert(txt);


    


【解决方案1】:

如果您将代码包装在侦听 DOMContentLoaded 事件的事件侦听器中,它将仅在文档准备好后运行:

window.addEventListener('DOMContentLoaded', (e)=>{
  if (name == null || name == "") {
    txt == "No name provided";
  } else {
    txt = "Hello, " + name + "! How are you today?";
  }
  alert(txt);
});