这三个都是属于弹框类型的

使用警告、提示和确认消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window
对象位于对象层次的顶层，因此实际应用中不必使用这些消息框的全名（例如 "window.alert()"）。


警告消息框
alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML
格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。

window.alert("欢迎！请按“确定”继续。");


确认消息框
使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为
true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。

<script type="text/javascript">
    var truthBeTold = confirm("单击“确定”继续。单击“取消”停止。");
    if (truthBeTold = true) {
        alert("欢迎访问我们的 Web 页！");
    } else {
        alert("再见啦！");
    }

</script>


提示消息框
提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为
""。

与alert( ) 和 confirm( ) 方法类似，prompt
方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框

<script type="text/javascript">
    var iNumber = Number(prompt("输入一个5到100之间的数字", ""));
    if (isNaN(iNumber))  //判断输入的是否是数字
        document.write("请确认你的输入正确");
    else if (iNumber > 100 || iNumber < 5)  //判断输入的数字范围
        document.write("你输入的数字范围不在5和100之间");
    else
        document.write("你输入的数字是:" + iNumber);

</script>

示例2：
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>prompt</title>
    <script type="text/javascript">
        function rec(){
            var score; //score变量，用来存储用户输入的成绩值。
            score = prompt("请输入你的成绩","你的成绩为");
            if(score>=90)
            {
                document.write("你很棒!");
            }
            else if(score>=75)
            {
                document.write("不错吆!");
            }
            else if(score>=60)
            {
                document.write("要加油!");
            }
            else
            {
                document.write("要努力了!");
            }
        }
    </script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>

综合应用
<!DOCTYPE html>
<html>
<head>
    <title> new document </title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
    <script type="text/javascript">
        function openWindow() {
            var open = confirm("确认新建窗口打开网站吗？");
            if (open == true)
            // 新窗口打开时弹出确认框，是否打开
            {
                var url = prompt("通过输入对话框，确定打开的网址", "http://www.imooc.com");
                if (url != null)
                // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
                {
                    window.open(url, "_blank", 'width=400px,height=500px,menubar=no,toolbar=no');
                }
                //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
                else {
                    alert("再见！");
                }
            }
            else {
                alert("再见！");
            }
        }
    </script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()"/>
</body>
</html>


 


												


											
JS alert()、confirm()、prompt()的区别的更多相关文章
	

    
						
  1. selenium python （十一）alert/confirm/prompt的处理（js中的弹出框）
		
    webdriver中处理js所生成的alert.confirm以及prompt,采用switch_to_alert()方法定位到alert/confirm/prompt.然后使用text/accept ...
    
		
    2. 
						
  2. Python脚本控制的WebDriver 常用操作 <二十二> 处理alert / confirm / prompt
		
    测试用例场景 webdriver中处理原生的js alert confirm 以及prompt是很简单的.具体思路是使用switch_to.alert()方法定位到alert/confirm/prom ...
    
		
    3. 
						
  3. 如何模拟alert/confirm/prompt实现阻断程序运行
		
    场景:在执行js的时候,我们希望运行到某处,进行用户交互,根据交互的内容,运行下面的程序:下面的js程序需要用的和用户交互的内容,所以,和用户交互时,后面的程序必须停止运行 方案: 1. 原生的ale ...
    
		
    4. 
						
  4. alert/confirm/prompt 处理
		
    webdriver 中处理JavaScript 所生成的alert.confirm 以及prompt 是很简单的.具体思路是使用switch_to_alert()方法定位到alert/confirm/ ...
    
		
    5. 
						
  5. 转：python webdriver API 之alert/confirm/prompt 处理
		
    webdriver 中处理 JavaScript 所生成的 alert.confirm 以及 prompt 是很简单的.具体思路是使用switch_to.alert()方法定位到 alert/conf ...
    
		
    6. 
						
  6. Java Selenium - 几种对话框处理Alert\confirm\prompt
		
    1. Alert , 先用常规办法定位到能触发alert的按钮 , 然后 Alert alert = driver.switchTo().alert(); alert.accept(); 如果aler ...
    
		
    7. 
						
  7. 2.11 alert\confirm\prompt
		
    2.11 alert\confirm\prompt 前言   不是所有的弹出框都叫alert,在使用alert方法前,先要识别出到底是不是alert.先认清楚alert长什么样子,下次碰到了,就可以用 ...
    
		
    8. 
						
  8. Python+Selenium学习--alert/confirm/prompt 处理
		
    场景 webdriver 中处理JavaScript 所生成的alert.confirm 以及prompt 是很简单的.具体思路是使用switch_to.alert()方法定位到alert/confi ...
    
		
    9. 
						
  9. 基于js alert confirm样式弹出框
		
    基于js alert confirm样式弹出框.这是一款根据alert confirm优化样式的确认对话框代码. 在线预览   源码下载 实现的代码. html代码: <div id=" ...
    
		
    10. 
						
  10. Selenium2学习（十二）-- alert\confirm\prompt
		
    前言 不是所有的弹出框都叫alert,在使用alert方法前,先要识别出到底是不是alert.先认清楚alert长什么样子,下次碰到了,就可以用对应方法解决. alert\confirm\prompt ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. R语言学习笔记（二）： 类与泛型函数
			
    类 大多数R对象都是基于S3类(来源于第三代S语言),例如直方图函数hist()输出是一个包含多个组件的列表,它还有一个属性(attribute),用来指定列表的类,即histogram类. 泛型函数 ...
    
			
    2. 
						
  2. Hue 工具使用
			
    Hue 是一个 Web 接口的 Hadoop 分析数据工具,由 Cloudra 公司开源 官方网址 Github 地址 -> 安装方法 文档地址 一.Build 1.ubuntu安装所需环境(以 ...
    
			
    3. 
						
  3. 各种数据库分页语句整理以及Oracle数据库中的ROWNUM和ORDER BY的区别
			
    .oracle数据库分页 select * from (select a.*,rownum rc from 表名 where rownum<=endrow) a where a.rc>=s ...
    
			
    4. 
						
  4. oracle杀死锁表的进程（转发+合并+自己实践）
			
    之一: Oracle数据库操作中,我们有时会用到锁表查询以及解锁和kill进程等操作 (1)锁表查询的代码有以下的形式:select count(*) from v$locked_object;sel ...
    
			
    5. 
						
  5. Linux的系统安全设置Shell脚本
			
    #!/bin/sh # desc: setup linux system security # powered by www.lvtao.net #account setup passwd -l xf ...
    
			
    6. 
						
  6. howto：在构建基于debian的docker基础镜像时，更换国内包源
			
    debian经常被用作构建应用镜像的基础镜像,如微软在构建linux下的dotnetcore基础镜像时,提供了基于debian 8(jessie)和debian 9(stretch)的镜像. 由于这些 ...
    
			
    7. 
						
  7. web端常见兼容性问题整理
			
    一.html和css 各浏览器的默认内外边距不一致问题 最明显的是ul标签内外边距问题,ul标签在IE-7中,有个默认的外边距,但是在IE8以上及其他浏览器中有个默认的内边距. 解决办法:*{marg ...
    
			
    8. 
						
  8. XPATH之normalize-space(.)和normalize-space(text())区别
			
    normalize,字面意思就是正规化,加上space大概意思就是空格的处理了. 官方解释是这样的: 通过去掉前导和尾随空白并使用单个空格替换一系列空白字符,使空白标准化.如果省略了该参数,上下文节点 ...
    
			
    9. 
						
  9. LeetCode 83 —— 删除排序链表中的重复元素
			
    1. 题目 2. 解答 从前向后遍历链表,如果下一个结点的值和当前结点的值相同,则删除下一个结点,否则继续向后遍历. /** * Definition for singly-linked list.  ...
    
			
    10. 
						
  10. [org.hibernate.engine.jdbc.spi.SqlExceptionHelper]SQL Error: 1064, SQLState: 42000问题的解决办法
			
    [org.hibernate.engine.jdbc.spi.SqlExceptionHelper]SQL Error: 1064, SQLState: 42000问题的解决办法. 出现这种情况的原因 ...
    
			
    11.