21xrx.com
2025-07-15 07:07:11 Tuesday
登录
文章检索 我的文章 写文章
如何使用JavaScript关闭alert弹窗?
2023-06-13 21:38:41 深夜i     91     0
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、弹窗关闭

  
  

评论区