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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • WebGame开发

    WebGame开发web策略类游戏开发(六)缓存概述 公布一个小webgame代码 webgame创意之《吞噬者》 webgame创意之《超时空要塞之边境》 webgame创意之《坐庄》 web策略类游戏开发(五)数据库表设计web策略类游戏开发(四)一个可以承载万人在线的架

    2022年5月2日
    85
  • 在win10安装pip

    在win10安装pip

    2022年2月20日
    45
  • CSS3自定义滚动条样式 -webkit-scrollbar「建议收藏」

    CSS3自定义滚动条样式 -webkit-scrollbar「建议收藏」有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。演示

    2025年6月26日
    1
  • java hashMap 查询效率非常高,看一下根据key找value,根据value找key

    java hashMap 查询效率非常高,看一下根据key找value,根据value找key@TestpublicvoidtestMap(){Map map=newHashMap();//step1加密字符键字母charc=’a’;for(inti=2;iintk=(i==7||i==9)?4:3;for(intj=1;jStringvalue=””+i+j;map.put(c,value);c++;}}/

    2022年7月23日
    8
  • python 元组删除某个元素_python二维数组

    python 元组删除某个元素_python二维数组我想写一些东西从数组中删除一个特定的元素。我知道我必须for遍历数组以查找与内容匹配的元素。假设我有一系列电子邮件,并且想摆脱与某些电子邮件字符串匹配的元素。我实际上想使用for循环结构,因为我还需要对其他数组使用相同的索引。这是我的代码:forindex,iteminemails:ifemails[index]==’something@something.com’:emails….

    2022年8月10日
    5
  • 正则匹配中文数字

    正则匹配中文数字正则匹配中文数字运营导入小说时遇到小麻烦,想要在章节目录前面加一些符号,word等工具搜半天没搜到,就想着用正则匹配试一下,于是用notepad++试了一下,正则匹配中文数字章节。表达式为:(第[\u4e00-\u9fa5\u767e\u5343\u96f6]{1,10}章)追加的内容\1笔记正则匹配中文个位数,\u4e00-\u9fa5百千零u767e\u534…

    2022年6月16日
    44

发表回复

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

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