1. 警告框：

    alert("警告信息！");

    alert("警告\n信息！");

  2. 确认框：

    var t=confirm("请确认！"); // true/false

    if(t==true)

    {…}

    else

    {…}

  3. 输入框：

    var n=prompt("输入提示","默认值");

    if(n!=null&&n!="")

    //判断输入信息不为空。

  4. 显示HTML内容的模态与非模态对话框

    showModelessDialog:

    被打开后，用户可以随意切换输入焦点，对主窗口没有影响。IE4+

    showModalDialog:

    被打开后始终保持输入焦点。除了关闭对话框，用户无法切换到主窗口。IE5+

    showModelessDialog和showModalDialog的超链接不弹出新窗口的方法：

    <head>标签内添加<base target="_self">

    使用方法：

    returnValue=window.showModalDialog(URL [,arguments] [,features])

    returnValue=window.showModalessDialog(URL [,arguments] [,features])

    URL:对话框要显示的文档的URL。

    Arguments:向对话框传递的参数。

    Features:对话框外观等信息。

    URL:为了防止浏览器从缓冲目录下载上次的页面而没有重新加载（动态页面来说会产生错误页面），可使用Math.random()函数产生0-1的随机数访问"./page.html?random="+Math.random(); 。这样能确保每次从服务器上访问（随机数嘛，也不一定哦！）。

    "page.html" 当前目录下

    "/page.html" 根目录下

    "./page.html" 当前目录下

    "../page.html" 上级目录下

    Arguments:传递所有类参数，如类、数组、字符串等等。

    Features的可选值（多参数时用";"隔开）：

    dialogHeight:高度（px）

    dialogWidth:宽度（px）

    dialogLeft:屏幕左距离（px）

    dialogTop:屏幕上距离（px）

    center:是否居中，默认yes， {yes|no|1|0};

    help:是否显示帮助按钮，默认yes， {yes|no|1|0};

    resizable:是否可改变大小，默认no， {yes|no|1|0};

    status:是否显示状态栏，默认yes， {yes|no|1|0};

    scroll:是否显示滚动条，默认yes， {yes|no|1|0};

    dialogHide:在打印或者打印浏览时对话框是否隐藏，默认no，{yes|no|1|0};

    edge:指明对话框的边框样式，凹下还是凸起，默认raised，{sunken|raised}

    unadorned:指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no，{yes|no|1|0}; on off

    参数传递：

    var obj=window.dialogArguments; //弹出的HTML窗口接受参数；

    window.returnValue=obj;        //弹出的HTML窗口返回参数；

    returnValue=window.showModalDialog(URL [,arguments] [,features]); //主窗口弹出子窗口，并接受返回参数。

    returnValue=window.showModalessDialog(URL [,arguments] [,features]); //主窗口弹出子窗口，并接受返回参数。

    刷新showModalDialog和showModelellDialog里的内容：

    在弹出的子窗口里：

    <body onkeydown="if(event.keyCode==116){d.click()}">

    <a id="d" href="page.html" style="display:hidden">

    注释：F5 的keyCode=116，display:hidden不保留<a>的位置

    配合<base target="_self">使用。不然弹出新窗口。

    关闭showModalDialog和showModelellDialog弹窗：

    <input type="button" value="关闭" onckick="window.close()">

    配合<base target="_self">使用。不然打开新窗口再关掉。

  5. Window.open（）新的浏览器窗口

    语法：window.open（URL，name,featurs,replacs）

    http://www.w3school.com.cn/jsref/met_win_open.asp

JavaScript弹窗的更多相关文章

  1. JavaScript 弹窗

    JavaScript 弹窗 可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行 ...

  2. 浅谈Supermap iClient for JavaScript 弹窗类

    地图作为信息的载体和呈现方式,是GIS的重要组成部分,它是一个浏览信息的窗口,在信息日益发达的今天 ,各种地图应用如雨后春笋一般出现在大众眼前,而不是像以往一样太过局限于专业的领域.而弹窗,是作为地图 ...

  3. Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框

    <html> <body> <script> function showAlert(){ alert("JavaScript - hello , worl ...

  4. javascript弹窗基础篇

    confirm()意既确认框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

  5. 15 JavaScript弹窗（警告框alert、确认框confirm、提示框Promt）

    警告框:window.alert().通常用于确认用户可以得到某些信息 <body> <script type="text/javascript" charset ...

  6. layer,一个可以让你想到即可做到的javascript弹窗（层）解决方案

    学习网址:http://layer.layui.com/ 下载地址:http://res.layui.com/download/layer-v2.1.zip 我们提到的基础参数主要指调用方法时用到的配 ...

  7. JavaScript案例一：Window弹窗案例

    注:火狐可运行,谷歌不可运行(安全级别高) <!DOCTYPE html> <html> <head> <title>JavaScript 弹窗案例&l ...

  8. JavaScript BOM 遗漏知识再整理；弹窗和记时事件；

    1.JavaScript 弹窗 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. window.alert() 方法可以不带上window对象, ...

  9. JavaScript自学代码--（四）

    //JavaScript Window - 浏览器对象模型 window.document.getElementById("header"); //等价于 document.get ...

随机推荐

  1. 立即执行函数表达式（IIFE）

    原文地址:benalman.com/news/2010/11/immediately-invoked-function-expression/ 译者:nzbin 也许你还没有注意到,我是一个对术语比较 ...

  2. 套用JQuery EasyUI列表显示数据、分页、查询

    声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近 ...

  3. 玩转spring boot——结合AngularJs和JDBC

    参考官方例子:http://spring.io/guides/gs/relational-data-access/ 一.项目准备 在建立mysql数据库后新建表“t_order” ; -- ----- ...

  4. 机器指令翻译成 JavaScript —— No.7 过渡语言

    上一篇,我们决定使用 LLVM 来优化程序,并打算用 C 作为输入语言.现在我们来研究一下,将 6502 指令转换成 C 的可行性. 跳转支持 翻译成 C 语言,可比 JS 容易多了.因为 C 支持 ...

  5. Flume1 初识Flume和虚拟机搭建Flume环境

    前言:       工作中需要同步日志到hdfs,以前是找运维用rsync做同步,现在一般是用flume同步数据到hdfs.以前为了工作简单看个flume的一些东西,今天下午有时间自己利用虚拟机搭建了 ...

  6. css 垂直水平居中总结

    一.前言: 垂直居中有很多方式,我们要做的不是写出完美代码,而是在合适的情况下根据需求选择合适方式. 主要方式: line-height 绝对定位 表格 display:table-cell 主要需求 ...

  7. 纯JS打造比QQ空间更强大的图片浏览器-支持拖拽、缩放、过滤、缩略图等

    在线演示地址(打开网页后,点击商家图册): http://www.sport7.cn/cc/jiangnan/football5.html 先看一看效果图: 该图片浏览器实现的功能如下: 1. 鼠标滚 ...

  8. ABP(现代ASP.NET样板开发框架)系列之11、ABP领域层——仓储（Repositories）

    点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之11.ABP领域层——仓储(Repositories) ABP是“ASP.NET Boilerplate Proj ...

  9. ABP框架 - 模块系统

    文档目录 本节内容: 简介 模块定义 生命周期方法 PreInitialize(预初始化) Initialize(初始化) PostInitialize(提交初始化) Shutdown(关闭) 模块依 ...

  10. [转] STM32各种时钟的区别

    [原创]:http://m.oschina.net/blog/129357 我在原创的基础又从另一位博主处引用了一些内容. 时钟系统是处理器的核心,所以在学习STM32所有外设之前,认真学习时钟系统是 ...