来自 澳门金莎娱乐手机版 2019-09-21 03:53 的文章
当前位置: 金沙澳门官网网址 > 澳门金莎娱乐手机版 > 正文

澳门金莎娱乐手机版showModalDialog两个窗体之间传

Javascript 几个窗体之间传值完成代码
javascript中还会有多个函数window.showModalDialog也足以展开三个新窗体,不过他张开的是八个模态窗口,那么怎么着在父窗体和子窗体之间传值呢?大家先看该函数的概念:vReturnValue = window.showModalDialog(sU兰德君越L [, vArguments] [,sFeatures])
参数表明:
sUPRADOL--必选参数,类型:字符串。用来钦赐对话框要显得的文档的U景逸SUVL。
vArguments--可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包含数组等。对话框通过window.dialogArguments来获得传递步入的参数。
sFeatures--可选参数,类型:字符串。用来说述对话框的外观等新闻,能够采纳以下的七个或多少个,用分号“;”隔开分离。
dialogHeight :对话框中度,不低于100px,IE4中dialogHeight 和 dialogWidth 暗许的单位是em,而IE5中是px,为低价其见,在概念modal方式的对话框时,用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 离荧屏左的相距。
dialogTop: 离荧屏上的离开。
center: {yes | no | 1 | 0 }:窗口是不是居中,私下认可yes,但还能够钦定中度和宽度。
help: {yes | no | 1 | 0 }:是还是不是出示支持按键,暗中认可yes。
resizable: {yes | no | 1 | 0 } [IE5+]:是还是不是可被退换大小。默许no。
status: {yes | no | 1 | 0 } [IE5+]:是不是出示状态栏。默感觉yes[ Modeless]或no[Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是不是出示滚动条。默以为yes。
如:"dialogWidth=200px;dialogHeight=100px"
之所以大家得以通过window.dialogArguments参数来在多少个窗体之间传值
如上面多少个页面:FatherPage.htm:

复制代码 代码如下:

<script type="text/javascript">
function OpenChildWindow()
{
window.showModalDialog('ChildPage.htm',document.getElementById('txtInput').value);
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />

ChildPage.htm:

复制代码 代码如下:

<body onload="Load()">
<script type="text/javascript">
function Load()
{
document.getElementById('txtInput').value=window.dialogArguments ;
}
</script>
<input type="text" id="txtInput" />
</body>

地点只是传递轻巧的字符串,我们仍是能够传递数组,如:FatherPage.htm:
XML-Code:

复制代码 代码如下:

<script type="text/javascript">
function OpenChildWindow()
{
var args = new Array();
args[0] = document.getElementById('txtInput').value;
window.showModalDialog('ChildPage.htm',args);
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />ChildPage.htm:
XML-Code:
<script type="text/javascript">
function Load()
{
document.getElementById('txtInput').value=window.dialogArguments[0] ;
}
</script>

同一大家还足以传递对象,如:FatherPage.htm:
XML-Code:

复制代码 代码如下:

<script type="text/javascript">
function OpenChildWindow()
{
var obj = new Object();
obj.name = document.getElementById('txtInput').value;
window.showModalDialog('ChildPage.htm',obj);
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />

ChildPage.html:
XML-Code:

复制代码 代码如下:

<script type="text/javascript">
function Load()
{
var obj = window.dialogArguments;
document.getElementById('txtInput').value=obj.name ;
}
</script>

上述都以从父窗体向子窗体传值,那么如何从子窗体向父窗体传值呢 ?其实通过window.returnValue就足以获取子窗体的值,window.returnValue与window.dialogArguments一样,能够是随机变量,满含字符串,数组,对象等。如:FatherPage.html:
XML-Code:

复制代码 代码如下:

<script type="text/javascript">
function OpenChildWindow()
{
var obj = new Object();
obj.name = document.getElementById('txtInput').value;
var result = window.showModalDialog('ChildPage.htm',obj);
document.getElementById('txtInput').value = result.name;
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="OpenChild" onclick="OpenChildWindow()" />

ChildPage.html:
XML-Code:

复制代码 代码如下:

<body onload="Load()">
<script type="text/javascript">
function Load()
{
var obj = window.dialogArguments;
document.getElementById('txtInput').value=obj.name ;
}
function SetValue()
{
var obj = new Object();
obj.name = document.getElementById('txtInput').value;
window.returnValue = obj;
window.close();
}
</script>
<input type="text" id="txtInput" />
<input type="button" value="SetFather" onclick="SetValue()" />
</body>

你或者感兴趣的稿子:

  • javascript showModalDialog模态对话框使用表达
  • js的window.showModalDialog及window.open用法实例解析
  • JS中showModalDialog 的运用解析
  • js showModalDialog参数的接纳详解
  • javascript showModalDialog传值与FireFox的window.open 父亲和儿子窗口传值示例
  • js showModalDialog弹出窗口实例详解
  • javascript showModalDialog,open获得父窗口的法门
  • JavaScript中window.showModalDialog()用法详解
  • javascript showModalDialog 多层模态窗口完毕页面提交及刷新的代码
  • JS对话框_JS模态对话框showModalDialog用法总括
  • javascript showModalDialog 内跳转页面包车型地铁标题
  • js showModalDialog 弹出对话框的回顾实例(子窗体)
  • JS中showModalDialog关闭子窗口刷新主窗口用法详解

本文由金沙澳门官网网址发布于澳门金莎娱乐手机版,转载请注明出处:澳门金莎娱乐手机版showModalDialog两个窗体之间传

关键词: