JavaScript 对话框

Posted 2021-07-14 乱舞春秋__

在javascript中，对话框可以分为警告框、提示框和确认框3种。

1.警告框

警告框通常用于提示用户某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行下一步操作。

使用Window对象的alert()方法可以创建一个警告框，语法格式如下：

window.alert("message");  //创建一个警告框

其中，message参数（可选参数）为要在警告框中显示的文本，不支持HTML代码。如果要换行，需要使用 “\\n” 转义字符。

例：

window.alert("Hello!\\nWorld!"); //使用了 \\n 转义字符

效果图：

 2.确认框

确认框通常用于让用户确认是否进行下一步操作。确认框上有【确认】和【取消】两个按钮，这两个按钮决定了confirm()方法的返回值。如果单击【确认】按钮，则返回true,如果单击【取消】按钮，则返回false。

例：

使用Window对象的confirm()方法可以创建一个确认框，语法格式如下：

window.confirm("message"); //创建一个确认框

其中，message参数（可选参数）为要在确认框中显示的文本，不支持HTML代码。如果要换行，需要使用 “\\n” 转义字符。

window.confirm("确认提交？");

效果图：

3.提示框

提示框通常用于提示用户输入一些信息，这些信息往往是程序下一步操作所需要用到的信息。如果在文本框中输入文字并单击【确定】按钮，则prompt()方法会将输入的文字以字符串的形式返回。如果没有在文本框中输入文字就单击了【确定】按钮，则prompt()方法将会返回一个空字符串。无论有没有在文本框中输入文字，只要单击了【取消】按钮，prompt()方法就会返回null。

使用Window对象的prompt()方法可以创建一个提示框，语法格式如下：

window.prompt("message","defaultText"); //创建一个提示框

其中，message参数（可选参数）为显示在提示框上的信息，不支持HTML代码。如果要换行，需要使用 “\\n” 转义字符。defaultText参数（可选参数）为提示框上文本框中的默认文字。

例：

window.prompt("请输入您的性别：","男"); 

效果图：

值得一提的是，在使用以上三种方法时，可以省略window前缀。