一、JS三种最常见的对话框

1.alert()警告框

alert是警告框，只有一个按钮“确定”无返回值，警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。

2.confirm()确认框

confirm是确认框，两个按钮，确定或者取消，返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

3.prompt()输入框

prompt是提示框，返回输入的消息，或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

<html>

  <head>

    <title>test</title>

    <script type="text/javascript">

        //弹出对话框并输出一段提示信息

        function fun1(){

            alert("这是警告框");

        }

        //弹出一个询问框，有确定和取消按钮

        function fun2(){

            //利用对话框返回的值 （true 或者 false）

            if(confirm("你确定提交么")){

                alert("你点击了确定");

            }

            else{

                alert("你点击了取消");

            }

        }

        //弹出一个输入框，输入一段文字，可以提交

        function fun3(){

            //将输入的内容赋给变量 name

            var name = prompt("请输入您的名字","");

            alert(name);

            if(name){//如果返回的有内容

                alert("欢迎您: " + name);

            }

        }

    </script>

  </head>

  <body>

      <input type="button"  value="警告框" onclick="fun1();"/><br>

      <input type="button"  value="询问框" onclick="fun2();"/><br>

      <input type="button"  value="输入框" onclick="fun3();"/><br>

  </body>

</html>

JS弹出框的更多相关文章

bootstrap中popover.js(弹出框)使用总结+案例
bootstrap中popover.js(弹出框)使用总结+案例 *转载请注明出处: 作者:willingtolove: http://www.cnblogs.com/willingtolove/p/ ...
【转】js弹出框、对话框、提示框、弹窗总结
js弹出框.对话框.提示框.弹窗总结一.js的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...
js js弹出框、对话框、提示框、弹窗总结
js弹出框.对话框.提示框.弹窗总结一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...
5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型
一.弹出框 a.提示框 alert(); b.输入框 prompt(); c.确认框 confirm(); var flag= confirm("确认删除吗?"); 二.js程序调 ...
如何妥善处理WebBrowser对Javascript的错误问题，阻止JS弹出框，提高用户体验
由于项目需求,最近转战客户端,开始搞浏览器开发.众所周知,现在在微软平台上开发浏览器,最常用的方法就是扩展Webbrowser,但是首先要清楚的是,WebBrowser控件仅仅是对WebBrowser ...
JS弹出框插件zDialog再次封装
zDialog插件网址:http://www.jq22.com/jquery-info2426 再次封装zDialog的代码: (function ($) { $.extend({ iDialog: ...
转：WebDriver(Selenium2) 处理可能存在的JS弹出框
在自动化测试过程中,有些情况下我们会遇到一些潜在的Javascript弹出框.(即某些条件下才会出现,不是固定出现),然后如果当这种弹出框出现,我们没有加以处理,WebDriver将无法进行下一步的操 ...
WebDriver(Selenium2) 处理可能存在的JS弹出框
http://uniquepig.iteye.com/blog/1703103 在自动化测试过程中,有些情况下我们会遇到一些潜在的Javascript弹出框.(即某些条件下才会出现,不是固定出现),然 ...
java方法里面生成js弹出框
核心代码:方法参数要有response response.setContextType("text/html;charset=UTF-8"); PrintWrite out = r ...
lhgdialog.js弹出框
官方学习网址: http://www.lhgdialog.com/ 个人认为它的样式不太好调,除此之外它也是一款实用的弹出框,专业的用来提示文字,消息,按钮添加function().ifame: 以下 ...

随机推荐

STM32F4的FPU单元讲解
搞STM32F407单片机的时候看见的关于STM32F4系列的FPU 单元讲解比较精彩的博客于是特意转载和大家分享转自:http://blog.renren.com/blog/256814 ...
Asp.Net MVC学习总结（二）——控制器与动作(Controller And Action)
一.理解控制器 1.1.什么是控制器控制器是包含必要的处理请求的.NET类,控制器的角色封装了应用程序逻辑,控制器主要是负责处理请求,实行对模型的操作,选择视图呈现给用户. 简单理解:实现了ICon ...
Java实现OOP(面向对象编程)
一.对象的综述面向对象编程(OOP)具有多方面的吸引力.对管理人员,它实现了更快和更廉价的开发与维护过程.对分析与设计人员,建模处理变得更加简单,能生成清晰.易于维护的设计方案.对程序员,对象模型显 ...
iOS热更新技术被苹果官方警告？涉及到RN、Weex、JSPatch！！！
今天一早,不少iOS开发群都炸窝了,原因是部分iOS开发者收到了苹果的警告邮件: 有开发者质疑可能是项目中使用了JSPatch.weex以及ReactNative等热更新技术.对于修复bug提交审核的 ...
html基础知识2（有序无序列表，表格）2017-03-08
摘要:php 基础知识2 重点:有序无序列表:<a>标签:<table>标签内容容器 1.段落标签 <p></p> 注: 执行前后换行,并空一行 ...
Mac上关于shell使用Python3和C++11声明
1.使用Python3 Mac上的shell上自带的Python版本是2.7,当需要使用Python3时,下载安装好Python时,在shell上敲入Python发现却还是显示Python2.7,这是 ...
KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架之koahub
Installation $ npm install koahub Use with koa var app = require('koa')(); var router = require( ...
multiSelect 下拉多选插件
multiSelect是一款很好用的下拉多选插件,可以在下拉框中实现多选框,全选及取消全选等方法.使用方法:1.引用 multiSelect.css及 multiSelect.js.下载地址 http ...
OpenCV使用FindContours进行二维码定位
我使用过FindContours,而且知道有能够直接寻找联通区域的函数.但是我使用的大多只是"最大轮廓"或者"轮廓数目"这些数据.其实轮廓还有另一个很重要的性质 ...
意外发现的大批量导入数据SqlBulkCopy类
因为要做一个号码归属地查询小功能,因为要导入外部(文本文件)的电话归属地数据,使用的是SqlDataAdapter类,数据不多,只四万有多条,表也只有一个,phoneBook表,使用的是DataTab ...