vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的
URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括
数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。

sFeatures 可选参数有：

dialogHeight:sHeight 可选字符串，指定对话框窗口的修饰，使用与一个或多个值以下分号分隔：
[1]

dialogHeight：sHeight
设置对话框窗口的高度（见备注默认度量单位）。
dialogLeft： sXPos
设置对话框窗口相对于
桌面左上角的左侧位置。
dialogTop：sYPos
设置对话框窗口相对于
桌面左上角的榜首位置。
dialogWidth:sWidth
设置对话框窗口的宽度（见备注默认度量单位）。
center:{ yes | no | 1 | 0 | on | off }
中心指定是否要在
桌面对话窗口。.默认为 yes。
dialogHide:{ yes | no | 1 | 0 | on | off }
指定
对话框窗口是否隐藏在打印或使用
打印预览。此功能只有当一个对话框是从信任的
应用程序打开。默认是no。
edge:{ sunken | raised }
指定对话框窗口边缘风格。 默认是raised 。
resizable:{ yes | no | 1 | 0 | on | off }
指定对话框窗口中是否有固定的尺寸。 默认是no。
scroll:{ yes | no | 1 | 0 | on | off }
指定对话框窗口是否显示滚动条。默认为 yes。
status:{ yes | no | 1 | 0 | on | off }
指定对话框窗口是否显示状态栏。默认为yes不受信任的对话窗口和窗口
不信任的对话。
unadorned:{ yes | no | 1 | 0 | on | off }
指定对话框窗口是否显示边框的窗口
浏览器。 此功能只有当一个对话框是从信任的
应用程序打开。默认是no。
minimize:{ yes | no}
指定对话框是否显示最小化按钮,默认不显示
maximize:{ yes | no}
指定对话框是否显示最大化按钮,默认不显示
以上信息来自百度百科。

具体使用如下：

主页：index.html

<html>

 <head>

  <title> 弹出框小例子 </title>

  <script>

	function showWinPassArr(){

		var arr=['test1','19','famle'];//构造参数-数组传递给子窗口

		var str =showModalDialog('children.html',arr,'dialogWidth=280px;dialogHeight=200px;title=测试弹出框');//定义变量str接收返回值。

		alert(str[0]+str[1]);//弹出返回值

	}

	function showWinPassObj(){

		var obj={name:'test1',age:19,sex:'famle'};//构造参数-对象传递给子窗口

		showModalDialog('children2.html',obj,'dialogWidth=280px;dialogHeight=200px');

	}

	function showOpenWin(){

		window.open("http://www.kao.com/","Window Name",

		"menubar=no,location=no,resizable=no,scrollbars=no,status=no");

	}

  </script>

 </head>

 <body>

  <input type="button" value="弹出模态窗口-传递数组参数" onclick="showWinPassArr();"/>

  <input type="button" value="弹出模态窗口-传递对象参数" onclick="showWinPassObj();"/>

  <input type="button" value="winOpen" onclick="showOpenWin();"/>

 </body>

</html>

弹出框子页面children.html

<html>

 <head>

  <title>接收传递参数为数组</title>

 </head>

<script>

	var arr = window.dialogArguments;//接收参数

	alert("name:"+arr[0]+" age:"+arr[1]+" sex:"+arr[2]);

	var rtnarr=['这个是从子窗口返回的参数','1234567'];//构造返参

	window.returnValue=rtnarr;//回传参数

</script>

 <body>

 <center> children.html</center>

 </body>

</html>

弹出框子页面children2.html

<html>

 <head>

  <title>接收传递参数为对象</title>

 </head>

 <script>

	var obj = window.dialogArguments;

	alert(obj.age);

 </script>

 <body>

  children2.html

 </body>

</html>

用showModalDialog写的简单弹出框传参与反参的更多相关文章

  1. html、css和js原生写一个模态弹出框，顺便解决父元素半透明子元素不透明效果

    模态框: html部分: <!-- 按钮 --> <button id="box" onclick="pop_box()">弹出框< ...

  2. 弹出框优化实例（alert和confirm）

    在项目过程中会遇到需要使用自己定义的弹出框的情况.以前用过ymprompt,但是它太复杂而且不好自己操控.所以自己写了一个弹出框实例. 主要有两类弹出框alert和confirm.基于jQuery a ...

  3. 四种常见的提示弹出框（success，warning，error，loading）原生JavaScript和jQuery分别实现

    原文:四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现 虽然说现在官方的自带插件已经有很多了,但是有时候往往不能满足我们 ...

  4. iOS最好用的弹出框

    重构项目时发现有的时候需要弹出提示,比如登录成功,数据请求失败,还有选择相机或者相册来上传头像等等. 今天就自己写了一个弹出框,采用的是系统的UIAlertController,只不过自己有定义了一些 ...

  5. 第二百四十六节，Bootstrap弹出框和警告框插件

    Bootstrap弹出框和警告框插件 学习要点: 1.弹出框 2.警告框 本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件. 一．弹出框 弹出框即点击一个元素弹出一个包含标题和内容的 ...

  6. js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .

    js简单显示和隐藏div .<!DOCTYPE html> .<html> .<head> .<meta charset="UTF-8"& ...

  7. css超简单实现div页面居中【适合做弹出框】

    1.前言 现在项目中用到弹出框的话大部分都是直接用控件的.不过有控件虽方便,但有时候会有冲突的地方.我上次用layui的弹出框控件,然后也用到了百度的编辑器uEditor,然后一切都好好的,结果编辑赋 ...

  8. 由于想要实现下载的文件可以进行选择，而不是通过<a>标签写死下载文件的参数，所以一直想要使用JFinal结合ajax实现文件下载，但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框，这里通过模拟表单提交实现同样的效果。

    由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文 ...

  9. 代码录播：jQueryMobile 实现一个简单的弹出框效果

    今天给大家带来的是 jQueryMobile 实现一个简单的弹出框效果,有兴趣的童鞋可以试试哦~ ^_^ 阅读原文:www.gbtags.com  

随机推荐

  1. nginx解决502错误

    添加一个域名绑定,突然服务器就挂了.由于是接受项目,没看过服务器配置.结果nginx和mysql 都跑不起来. 平滑启动nginx失败. 检查/usr/local/nginx/sbin/nginx - ...

  2. LinuxCmd

    Q1.关掉字符界面下的屏保 A:setterm -blank 0 Q2.top Top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器. ...

  3. mongo设计（一）

    原文:http://blog.mongodb.org/post/87200945828/6-rules-of-thumb-for-mongodb-schema-design-part-1 By Wil ...

  4. yacc和lex在ubuntu上安装

    在编译boa webserver源码的时候./configure的过程中遇到找不到yacc的提示. 采用以下失败: sudo apt-get install yacc lex   应替换为: sudo ...

  5. Binary String Matching(kmp+str)

    Binary String Matching 时间限制:3000 ms  |  内存限制:65535 KB 难度:3   描述 Given two strings A and B, whose alp ...

  6. deferred initcalls与模块化

    deferred initcalls与模块化 有两个技术可以加快kernel的启动速度: 1.deferred initcalls 2.模块化 它们的思想类似,都是将非必要的模块初始化推迟到内核启动之 ...

  7. [原理][来源解析]spring于@Transactional,Propagation.SUPPORTS,以及 Hibernate Session,以及jdbc Connection关联

    Spring 捆绑Hibernate. 夹: 一.  1. Spring 怎样处理propagation=Propagation.SUPPORTS? 2. Spring 何时生成HibernateSe ...

  8. Mac  任何选项没有了怎么办？

    1.如果需要恢复允许"任何来源"的选项,即关闭 Gatekeeper,请打开终端 2.然后使用 spctl 命令:  sudo spctl --master-disable

  9. 业务需求那些事，使用WCF如何实现业务需求！

    最近遇到一个新项目,需要与硬件结合,进行读取信息并保存在数据库中.业务要求也在昨天发布一个问题,当然感谢许多园内的朋友出谋划策,截图有真相! 关于这个问题,我做了如下假设.目前处于测试状态,代码比较简 ...

  10. spring框架详解

    把之前分享的spring框架整理一份放在这里. 整体架构: Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架 框架图(选自:http://docs.spring.io/spr ...