window.open()
打开一个普通窗口
window.showModalDialog()
打开一个模态对话框, 必须先关闭它, 才能关闭打开它的父窗口.
window.showModelessDialog()
打开一个非模态对话框, 它的存在依赖于打开它的父窗口, 如果父窗口关闭, 此窗口也被关闭.
打开一个普通窗口
window.showModalDialog()
打开一个模态对话框, 必须先关闭它, 才能关闭打开它的父窗口.
window.showModelessDialog()
打开一个非模态对话框, 它的存在依赖于打开它的父窗口, 如果父窗口关闭, 此窗口也被关闭.
window.showModalDialog():
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明:
sURL
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
1、父窗口向子窗口传入参数:
要想对话框传递参数,是通过vArguments 来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象
父窗口test1.html:
<script> var mxh1 = new Array("a", "b", "c") var mxh2 = window.open("about:blank", "window_mxh") // 向对话框传递数组 window.showModalDialog("test2.html", mxh1) // 向对话框传递window对象 window.showModalDialog("test3.html", mxh2) </script>
test2.html:
<script> var a = window.dialogArguments; alert("您传递的参数为:" + a) </script>
test3.html:
<script> var a = window.dialogArguments; alert("您传递的参数为window对象,名称:" + a.name) </script>
访问test1.html时会分别弹出如下图,关闭test2.html后弹出test3.html的内容。
多个参数时可以直接这样用:
window.showModalDialog('<%=basePath %>availableZones.jsp',window,'dialogWidth:600px;dialogHeight:500px;resizable:no;);
var parentWin = window.dialogArguments?window.dialogArguments : window.opener; zonelist = parentWin.zonelist; selectedZones = parentWin.selectedZones;
2、子窗口通过window.returnValue 向父窗口返回信息:
父窗口test4.html:
<script> var a = window.showModalDialog("test5.html") for(i=0;i<a.length;i++) alert(a[i]) </script>
test5.html:
<script> function sendTo() { var a=new Array("a","b") window.returnValue = a //window.parent.dialogArguments = a; 也可以通过这种方式向父窗口传参 } </script> <body> <input value="返回" type=button onclick="sendTo()"> </body>
访问test4.html时会分别弹出a,b.
...
相关推荐
This is a `window.showModalDialog()` shim using a modal HTML5 `<dialog>` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...
window.showModalDialog以及window.open用法简介
针对window.showmodaldialog弹出窗体无刷新的详细使用
window.showModalDialog以及window.open用法简介
window.showModalDialog的基本用法
javascript代码模块之\Window.ShowModalDialog使用手册
window.showModalDialog&&open.docx
使用window.showModalDialog的程序员都知道,该方法可返回值。但是如果遇到跨域时,就返回为underfine。本文档通过iframe镶嵌页面解决该问题。
主页面用window.showModalDialog的时候,如果直接打开其它系统的页面,这时候别人的页面在window.returnValue=1;这样返回值的时候,主页面是取不到返回值的,原因就是因为跨域了.
NULL 博文链接:https://shawnfree.iteye.com/blog/598885
Window.ShowModalDialog使用手册_对话框 .txt 详细
javascript代码模块之window.showModalDialog方法的使用
JS 弹出对话框window.showModalDialog,级联方式,可以返回传值给页面
关于struts2里用javascript刷新window.showModalDialog的父页面
一个是window.showModalDialog()方法,后者是存在父子关系的一种弹出窗口,只有子窗关闭,父窗口才激活,并且可以传送参数和返回值。正好又温习一遍用法,顺便在此记录过程中遇到的问题。 基本介绍: ...
本文实例讲述了js的window.showModalDialog及window.open用法。分享给大家供大家参考。具体分析如下: 一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open...
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态
ShowModalDialog 填充这是一个window.showModalDialog() shim,使用模态 HTML5 <dialog>元素和 ECMAScript 2015 Generators 或 ECMAScript 2017 Async/Await。 它在最新的 Google Chrome 和最新的 Mozilla Firefox ...