ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js中三种弹框及其特点

2021-02-10 17:33:40  阅读:174  来源: 互联网

标签:文本 prompt confirm 对话框 js 三种 alert 按钮 弹框


1、alert()

作用:

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

语法:

alert(message)

参数:message:要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)

返回值:

实例:

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function display_alert()
 5   {
 6   alert("I am an alert box!!")
 7   }
 8 </script>
 9 </head>
10 <body>
11 
12 <input type="button" onclick="display_alert()"
13 value="Display alert box" />
14 
15 </body>
16 </html>

 

2、confirm()

作用:

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

语法:

confirm(message)

参数:message:要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)

返回值:

如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

实例:

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function disp_confirm()
 5   {
 6   var r=confirm("Press a button")
 7   if (r==true)
 8     {
 9     document.write("You pressed OK!")
10     }
11   else
12     {
13     document.write("You pressed Cancel!")
14     }
15   }
16 </script>
17 </head>
18 <body>
19 
20 <input type="button" onclick="disp_confirm()"
21 value="Display a confirm box" />
22 
23 </body>
24 </html>

 

3、prompt(“”,“”)

作用:

prompt() 方法用于显示可提示用户进行输入的对话框。

语法:

prompt(text,defaultText)

参数:text:可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。

  defaultText:可选。默认的输入文本。

返回值:

如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

实例:

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function disp_prompt()
 5   {
 6   var name=prompt("Please enter your name","")
 7   if (name!=null && name!="")
 8     {
 9     document.write("Hello " + name + "!")
10     }
11   }
12 </script>
13 </head>
14 <body>
15 
16 <input type="button" onclick="disp_prompt()"
17 value="Display a prompt box" />
18 
19 </body>
20 </html>

 

标签:文本,prompt,confirm,对话框,js,三种,alert,按钮,弹框
来源: https://www.cnblogs.com/fei-yu9999/p/14396168.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有