JavaScript 弹窗

开发者可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

Window.alert()

Window.alert()方法显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。

语法

window.alert(message);

window.alert() 方法可以不带上window对象,直接使用 alert() 方法.
message是要显示在对话框中的文本字符串,如果传入其他类型的值,会转换成字符串.

示例

window.alert("Hello world!");

显示如下(不同的浏览器下显示不同):

Window.confirm()

Window.confirm()方法显示一个具有一个可选消息和两个按钮(确定和取消)的模态对话框。

语法

result = window.confirm(message);

window.confirm() 方法可以不带上window对象,直接使用 confirm() 方法.
message 是要在对话框中显示的可选字符串。
result 是一个布尔值，表示是选择确定还是取消 (true表示OK)。

示例

if (window.confirm("Do you really want to leave?")) {window.open("exit.html", "Thanks for Visiting!");
}

显示如下()不同的浏览器下显示不同):

Window.prompt()

Window.prompt()方法显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字。

语法

result = window.prompt(text, value);

window.prompt() 方法可以不带上window对象,直接使用 prompt() 方法.
result用来存储用户输入文字的字符串，或者是 null。
text用来提示用户输入文字的字符串，如果没有任何提示内容，该参数可以省略不写。
value文本输入框中的默认值，该参数也可以省略不写。不过在 Internet Explorer 7 和 8 中，省略该参数会导致输入框中显示默认值"undefined"。

示例

var sign = prompt("你是什么星座的?");
if (sign == "天蝎座"){alert("哇! 我也是天蝎座的耶!");
}
// 有多种使用prompt方法的方式
var sign = window.prompt(); // 打开空的提示窗口
var sign = prompt();       // 打开空的提示窗口
var sign = window.prompt('你觉得很幸运吗?'); // 打开显示提示文本为"你觉得很幸运吗?"的提示窗口
var sign = window.prompt('你觉得很幸运吗?','是的'); // 打开显示提示文本为"你觉得很幸运吗?"并且输入框默认值为"是的"的提示窗口

当用户点击"确定"按钮后，文本输入框中的文字被返回。如果文本输入框中为空,则返回一个空字符串。如果用户点击"取消"按钮，则返回null。

JavaScript 弹窗相关推荐

layer,一个可以让你想到即可做到的javascript弹窗（层）解决方案
layer,一个可以让你想到即可做到的javascript弹窗(层)解决方案参考文章: (1)layer,一个可以让你想到即可做到的javascript弹窗(层)解决方案 (2)https://ww ...
SweetAlert2网页弹窗---JAVASCRIPT弹窗
一个漂亮的.响应式的.可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗,无任何依赖中文文档地址:http://mishengqiang.com/sweetalert2/ 文档地址:ht ...
JavaScript 弹窗(对话框)警告框、确认框、提示框.
JavaScript 弹窗(对话框) 三种消息框:警告框.确认框.提示框. 1. 警告框警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. 语法: wi ...
菜鸟教程android 弹框,JavaScript 弹窗
JavaScript 弹窗可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行 ...
Javascript弹窗比较，还可以刷空间访问量！比较电脑配置，easy！
windows的三种弹窗方式比较: 可以用do..while循环控制弹窗数量达到刷空间访问量的效果,对于刷博客和有的空间由于有IP或者cookie限制,暂时还搞不定,等学习后再把代码贴出来由于弹窗多 ...
javascript 弹窗与控制台日志
三种弹窗: var flag=confirm("!!!"); //确认弹窗,flag确认获得true,取消获得falsevar info = prompt("!!!&qu ...
JavaScript 弹窗弹出图片
示例: <script type="text/javascript"> /* * 弹出DIV层 */ function showDiv() { var Idiv = d ...
web前端入门到实战：JavaScript弹窗方式
在做网页时,常常使用弹窗,以上就是浏览器的三种弹窗方式: 1: alert 在测试时常用 2: confirm 可以套用if-else 来用 ,比如 :confirm点击了确定做什么事情,点击了取消又 ...
自定义javascript弹窗
当前我们可以通过浏览器自带的alert,prompt弹框来提示用户或取得用户输入信息. 此二种方式具有的缺陷: 1. 阻塞:即JS执行至alert, prompt方法时待用户操作后再进行下一个语句的执 ...
菜鸟教程之 JavaScript 实例
From:https://www.runoob.com/js/js-examples.html JavaScript 和 HTML DOM 参考手册(:https://www.runoob.com/j ...

JavaScript 弹窗

Window.alert()

语法

示例

Window.confirm()

语法

示例

Window.prompt()

语法

示例

JavaScript 弹窗相关推荐

最新文章

热门文章