js中三种弹窗的简单使用alert、confirm、prompt

超、凢脫俗 2023-10-06 12:32 25阅读 0赞

1、alert():显示带有一条指定消息和一个 OK（确认） 按钮的警告框。

>  *  写在script标签中
>  *  括号中的内容为字符串或者整型
>  *  点击确认即可关闭，无返回值

如: alert("欢迎光临");

火狐浏览器显示样式如下:

![70][]

谷歌浏览器显示样式如下：

![70 1][]

2、confirm():用于显示一个带有指定消息和 OK 及取消按钮的对话框。一般作为判断条件

>  *  写在script标签中
>  *  括号中的内容为字符串和整型
>  *  点击确认返回true，点击取消返回false

如: if(confirm("您是否要进入？"))\{

火狐浏览器显示样式如下:

![70 2][]

谷歌浏览器显示样式如下：

![70 3][]  
3、prompt(？，？):用于显示可提示用户进行输入的对话框。

*  写在script标签中
 *  第一个问是显示的文本，第二个问是输入框中的默认值（可不写）
 *  点击确认返回输入框中的内容，取消返回null

如: var info = prompt("请输入您的姓名:");

火狐浏览器显示样式如下:

![70 4][]

谷歌浏览器显示样式如下：

![70 5][]

[70]: https://img-blog.csdn.net/20180615113018505?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1YW5NeHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/20180615113112809?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1YW5NeHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: https://img-blog.csdn.net/20180615113408249?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1YW5NeHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 3]: https://img-blog.csdn.net/20180615113322890?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1YW5NeHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 4]: https://img-blog.csdn.net/20180615113531720?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1YW5NeHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 5]: https://img-blog.csdn.net/20180615113546418?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1l1YW5NeHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70