一、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: 以下 ...

随机推荐

Pin学习笔记--安装及一些基本知识
具体请见用户手册Pin 3.2 User Guide https://software.intel.com/sites/landingpage/pintool/docs/81205/Pin/html/ ...
Spring+SpringMVC+MyBatis+easyUI整合基础篇（五）讲一下maven
github地址,点这里. 项目效展示,点这里.账号:admin 密码:123456 下一篇文章开始,所有的项目源码都是与maven整合后的代码了,所以这一篇讲一讲maven. 1.简单介绍我们看一 ...
用phpcms如何将静态页面制作成企业网站（下）
上篇讲到了子页部分这样的有分页选择列表项的代码部分最后输出变量pages就可以了看一下运行的效果点击下一页再来改一下子页显示的样式点击人才将会出来的一个子页面路径要统一再来更改后台 ...
对spring，struts，hibernate及MVC的理解
对于spring,hibernate,struts等框架,刚开始的时候总是会很迷茫,不知道他们是用来做什么的. 1.对框架的作用理解个人认为框架的作用是把代码进行了分类,减少了代码的耦合性. 如果不 ...
[vijosP1303]导弹拦截(最长上升子序列转LCS)
描述某国为了防御敌国的导弹袭击,研发出一种导弹拦截系统.但是这种导弹拦截系统有一个缺陷:虽然它的第一发炮弹能够到达任意的高度,但是以后每一发炮弹都不能高于前一发的高度.某天,雷达捕捉到敌国的导弹来袭 ...
我在ubuntu桌面系统下进行WEB开发常用的软件
公司电脑本来是win系统的,不知道怎么突然中毒了,由于比较讨厌杀毒软件,所以之前都被我卸载掉了,所以我干脆重装了一个ubuntu系统 1.IDE vscode 各种插件,自带Git,markdo ...
Troubleshooting OpenStack Bug- 每天5分钟玩转 OpenStack（162）
这是 OpenStack 实施经验分享系列的第 12 篇. 问题描述客户报告了一个问题:对 instance 执行 migrate 操作,几个小时了一直无法完成,不太正常. 问题分析遇到这种情况, ...
1677: [Usaco2005 Jan]Sumsets 求和
1677: [Usaco2005 Jan]Sumsets 求和 Time Limit: 5 Sec Memory Limit: 64 MBSubmit: 626 Solved: 348[Submi ...
使用python landport库快速实现排行榜
背景介绍排行榜业务使用的频率实在太高了,各种活动都会使用排行榜.经过多次开发后我觉得实现一个简单的排行榜库,它能够完成当前我遇到的所有业务逻辑问题,也希望能够帮助到想要快速开发排行榜业务的同行. 我 ...
[C++]现行的试卷封面并获取学生题目得分信息以及学号信息的原型系统
大二的时候写的一个CV小玩意,最终决定还是把它放出来,也许会帮助到很多人,代码写的很丑,大家多多包涵.附加实验报告主要部分. 课题背景及意义: 本项目主要目标是设计一套能自动分析我校现行的试卷封面并获 ...