JavaScript的三种弹出提示框(alert、confirm、prompt)

JavaScript的三种弹出提示框(alert、confirm、prompt)三种提示框 alert confirm prompt alert alert 方法是显示一条弹出提示消息和确认按钮的警告框 需要注意的是 alert 是一个阻塞的函数 如果我们不点确认按钮 后面的内容就不会加载出来 使用方式 alert 想要提示的文本内容 样例代码 DOCTYPE tml html head metacharset utf 8 script a script metacharset utf 8 head html

三种提示框

alert ()

alert()方法是显示一条弹出提示消息和确认按钮的警告框。
需要注意的是 :alert()是一个阻塞的函数,如果我们不点确认按钮,后面的内容就不会加载出来。

使用方式:

alert("想要提示的文本内容") 

样例代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> alert("这是弹出框提示文本") </script> <title></title> </head> <body> <p>alert是阻塞的函数</p> <p>这句话只有在确认弹出框的提示文本后才会显示</p> </body> </html> 

效果截图:

在这里插入图片描述

confirm()

confirm()方法是显示一个含有指定消息和确认和取消按钮的确认框。
如果点击”确定”返回true,否则返回false。

使用方式:
不接收返回值:

confirm("这样写可以直接显示,不接收返回值。") 

接收返回值:

var x; var r=confirm("请按下按钮!"); if (r==true){ x="你按下的是\"确定\"按钮。"; } else{ x="你按下的是\"取消\"按钮。"; } document.write(x) 

样例代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> // 使用方式一 confirm("这样写可以直接显示,不接收返回值。") // 使用方式二 var x; var r=confirm("请按下按钮!"); if (r==true){ 
     x="你按下的是\"确定\"按钮。"; } else{ 
     x="你按下的是\"取消\"按钮。"; } document.write(x) </script> <title></title> </head> <body> </body> </html> 

效果截图:
在这里插入图片描述

prompt ()

prompt()方法是显示提示用户进行输入的对话框。
这个方法返回的是用户输入的字符串。

使用方式:

不显示默认文本:

prompt("开心吗?"); // 这个显示内容也可以不写,但就没有交互的意义了。 

显示默认文本:

var x; var name=prompt("请输入你的名字","Keafmd"); if (name!=null && person!=""){ x="你好! " + name + "。"; document.write(x) } 

样例代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> //方式一 prompt("开心吗?"); // 这个显示内容也可以不写,但就没有交互的意义了。 //方式二 var x; var name=prompt("请输入你的名字","Keafmd"); //显示默认文本 "Keafmd" if (name!=null && name!=""){ 
     x="你好! " + name + "。"; document.write(x) } </script> <title></title> </head> <body> </body> </html> 

效果截图:
在这里插入图片描述
写作不易,读完如果对你有帮助,感谢点赞支持!
如果你是电脑端,看见右下角的“一键三连”了吗,没错点它[哈哈]

在这里插入图片描述


加油!

共同努力!

Keafmd

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232562.html原文链接:https://javaforall.net

(0)
上一篇 2025年10月1日 下午5:01
下一篇 2025年10月1日 下午5:22


相关推荐

  • 网络传真机

    网络传真机网络传真机有两个种类:1、软件传真机。适合于小型的企业。2、硬件传真机。适合于大中型企业和单位组织。传真机的评价标准:1、稳定性。指时间长后的反映、占用资源情况、是否能处理大量的传真。2、适用性。传真机的其他的功能的选择:邮件收发传真、传真审批、传真鉴章、传真编辑、短信通知、语音功能、集团内部免费传真等。3、兼容性。传真服务器是否可以…

    2022年6月28日
    25
  • vue v-if 多条件_vue条件渲染

    vue v-if 多条件_vue条件渲染v-if在模板中,可以根据条件进行渲染。条件用到的是v-if、v-else-if以及v-else来组合实现的。示例代码如下:<divid="app"><p

    2022年7月31日
    88
  • idea2021.3激活吗 30 天破解方法

    idea2021.3激活吗 30 天破解方法,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月15日
    148
  • Redis 使用lua脚本最全教程

    Redis 使用lua脚本最全教程1 redis 使用 lua 脚本的语法 RedisEval 命令 执行 Lua 脚本 redis127 0 0 1 6379 gt eval return KEYS 1 KEYS 2 ARGV 1 ARGV 2 2key1key2fir key1 2 key2 3 first 4 second 其中 script 参数是一段 Lua5 1 脚本程序 脚本不必 也不应该 定义为一个 Lua 函数 numkeys 用于指定键名

    2025年12月1日
    6
  • 详解clientHeight、offsetHeight、scrollHeight「建议收藏」

    详解clientHeight、offsetHeight、scrollHeight「建议收藏」关于clientHeight、offsetHeight、scrollHeight的详解

    2022年7月24日
    12
  • SD/MMC卡介绍

    SD/MMC卡介绍1.1.什么是MMC卡MMC:MMC就是MultiMediaCard的缩写,即多媒体卡。它是一种非易失性存储器件,体积小巧(24mm*32mm*1.4mm),容量大,耗电量低,传输速度快,广泛应用于消费类电子产品中。1.2.什么是SD卡SD:SD卡为SecureDigitalMemoryCard,即安全数码卡。它在MMC的基础上发展而来,增加

    2022年4月29日
    104

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号