21xrx.com
2024-12-28 14:37:54 Saturday
登录
文章检索 我的文章 写文章
如何使用JavaScript关闭alert弹窗?
2023-06-13 21:38:41 深夜i     --     --
JavaScript alert 弹窗关闭

在JavaScript中,alert弹窗是一个常用的与用户进行交互的工具。但是,在某些情况下,我们可能需要在弹窗弹出后立即关闭它。本文将介绍如何使用JavaScript关闭alert弹窗。

代码案例

当我们使用alert()函数时,将会出现一个弹窗,如下所示:

script

alert("Hello World!");

要关闭这个弹窗,我们需要添加以下代码:

script

var myAlert = alert("Hello World!");

myAlert.close();

以上代码会将alert弹窗存储在一个变量中(myAlert),然后使用close()方法关闭弹窗。

实际应用

下面是一个实际应用alert弹窗关闭的例子:

script

function myFunction() {

 var txt;

 var person = prompt("请输入你的名字:", "Harry Potter");

 if (person == null || person == "") {

  txt = "您没有输入名字!";

  alert(txt);

 } else {

  txt = "欢迎 " + person + "!";

  var myAlert = alert(txt);

  setTimeout(function () { myAlert.close(); }, 5000); // 5秒后自动关闭弹窗

 }

 document.getElementById("demo").innerHTML = txt;

}

以上代码会弹出一个提示框,要求用户输入姓名,如果用户没有输入姓名,则会弹出一条消息,否则将会向用户发送一条欢迎消息。在欢迎消息弹窗弹出后,我使用了setTimeout()函数,使其在5秒钟后自动关闭。

关键词

JavaScript、alert、弹窗关闭

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复