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. Thinkphp3.2使用scws中文分词 提取关键词

    SCWS 是 Simple Chinese Word Segmentation 的首字母缩写(即:简易中文分词系统).1.下载scws官方提供的类(这里使用的是pscws第四版的)http://www ...

  2. 【转】Python中执行cmd的三种方式

    原文链接:http://blog.csdn.net/menglei8625/article/details/7494094 目前我使用到的python中执行cmd的方式有三种: 1. 使用os.sys ...

  3. GitBook整理

    GitBook整理 ECMAScript 6 -- 中文文档 Apache 2.2 --中文官方文档 Redux --React配套架构 英文 express --Node.js 服务端框架 Hexo ...

  4. Axure 快捷方式

    基本快捷键: 打开:Ctrl + O新建:Ctrl + N保存:Ctrl + S退出:Alt + F4打印:Ctrl + P查找:Ctrl + F替换:Ctrl + H复制:Ctrl + C剪切:Ct ...

  5. SQL Server 分离与附加数据库

    前期准备: 创建数据库 create database Studio     on primary     (name ='Studio',filename ='E:\Studio.mdf'),    ...

  6. inux网卡与MAC地址绑定方法总结

        使用linux系统时会出现这样的情况,当你安装了某个网卡的驱动程序时,或者安装了与网卡相关的程序后. 网卡会出现所谓的漂移现象.(注意:不是飘逸).可能的表象为: (1):网卡顺序颠倒,比如之 ...

  7. Codeforces 734F Anton and School（位运算）

    [题目链接] http://codeforces.com/problemset/problem/734/F [题目大意] 给出数列b和数列c,求数列a,如果不存在则输出-1 [题解] 我们发现: bi ...

  8. 【HDU】1717 小数化分数2 ——计数原理

    小数化分数2 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Subm ...

  9. LOL是什么意思？ - 已解决 - 搜狗问问

    LOL是什么意思? - 已解决 - 搜狗问问 N A T S U . |分类:QQ工具栏 2009-05-04 LOL是什么意思? 满意答案 Shim Nyong 19级 2009-05-04 LOL ...

  10. 创业青年：刘霞（YBC推荐）_CCTV.com_中国中央电视台

    创业青年:刘霞(YBC推荐)_CCTV.com_中国中央电视台 创业青年:刘霞(YBC推荐) CCTV.com  2009年06月23日 09:57  进入复兴论坛  来源:央视网       姓名 ...