三种提示框
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()方法是显示一个含有指定消息和确认和取消按钮的确认框。
如果点击"确定"返回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("开心吗?"); // 这个显示内容也可以不写,但就没有交互的意义了。
显示默认文本:
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>
效果截图:
到此这篇关于JavaScript中常用的3种弹出提示框(alert、confirm、prompt)的文章就介绍到这了,更多相关js弹出提示框(alert、confirm、prompt)内容请搜索站长技术以前的文章或继续浏览下面的相关文章希望大家以后多多支持站长技术!
歌词编辑器 歌词编辑器 第一步:选择要播放的歌曲并播放 第二步:填写全部的歌词...
前言 相信大家都知道在IDE中代码的智能提示几乎都是标配,虽然一些文本编辑器也...
【排序算法】之lowb三人组冒泡、插入、选择 什么是lowb三人组 冒泡排序bubble so...
微信文件传输助手是微信电脑版与手机微信之间相互传输图片等文件的好工具,但很...
ADO对象: Connection Command Recordset Record Stream ASP支持的对象很多,可...
一、正则表达式概述 二、正则表达式在VBScript中的应用 三、正则表达式在VavaScr...
计算属性computed: 支持缓存,只有依赖数据发生改变,才会重新进行计算 不支持...
vbs:把一段文字中指定字符颜色变成红色的正则 functionc(Tstr,Word) Dimre Setre...
一石激起千层浪,继中国区浩浩荡荡的大裁员告一段落之后,甲骨文并未因此收起手...
本文将研究 ES6 的 for ... of 循环。 旧方法 在过去,有两种方法可以遍历 javas...