window.showModalDialog用法

在实际的开发过程当中像window.showModalDialog弹出子窗体是非常常用的，今天写了一个DEMO
一。新建一个父窗体的页面ParentWeb.aspx

Code
1

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ParentWeb.aspx.cs" Inherits="ParentWeb" %>
2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3

<html xmlns="http://www.w3.org/1999/xhtml" >
4

<head runat="server">
5

<title>父窗体----学生信息录入</title>
6

//打开新的子窗体
8

function OpentChild()
9

{
10

var parmName = document.getElementById("txtName").value;
11

var parmAge = document.getElementById("txtAge").value;
12

var arrArgs = new Array(parmName, parmAge);
13

var winSettings = "center:yes;resizable:no;dialogHeight:300px";
14

var arrArgs = window.showModalDialog("ChildWeb.aspx",arrArgs,winSettings);
15

//下面的可以支持返回多个值[window.returnValue]
16

if(arrArgs==null)
17

{
18

alert("Nothing returned from ChildWeb!");
19

}
20

else
21

{
22

document.getElementById("txtName").value = arrArgs[0].toString();
23

document.getElementById("txtAge").value = arrArgs[1].toString();
// window.location.reload(); 刷新父窗体
24

}
25

}
27

</script>
28

</head>
29

<body>
30

<form id="frmParent" runat="server">
31

<div>
32

姓名：<input type="text" value="" id="txtName" /><br />
33

年龄：<input type="text" value="" id="txtAge" /><br />
34

<input id="btnSubmit" type="button" value="Submit" onclick="return OpentChild();" />
35

</div>
36

</form>
37

</body>
38

</html>
39

二。新建一个子窗体ChildWeb.aspx

Code
1

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChildWeb.aspx.cs" Inherits="ChildWeb" %>
2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3

<html xmlns="http://www.w3.org/1999/xhtml" >
5

<head runat="server">
6

<title>子窗体----更新信息</title>
7

//初始化子窗体
9

function InitPage()
10

{
11

var myArgs = new Array();
12

myArgs = window.dialogArguments;
13

document.getElementById("txtName1").value = myArgs[0].toString();
14

document.getElementById("txtAge1").value = myArgs[1].toString();
15

}
16

//返回父窗体
17

function BackValue()
18

{
19

var name = document.getElementById("txtName1").value;
20

var age = document.getElementById("txtAge1").value;
21

var arrArgs = new Array(name, age);
22

window.returnValue = arrArgs;
23

window.close();
24

}
25

</script>
26

</head>
27

<body onload="return InitPage();">
28

<form id="frmChild" runat="server">
29

<div>
30

姓名：<input type="text" value="" id="txtName1" /><br />
31

年龄：<input type="text" value="" id="txtAge1" /><br />
32

<input id="btnSubmit" type="button" value="Submit" onclick="return BackValue();" />
33

</div>
34

</form>
35

</body>
36

</html>
37

转载于:https://www.cnblogs.com/morningwang/archive/2008/03/11/1100832.html

window.showModalDialog用法相关推荐

window.open和window.showModalDialog用法
View Code window.open和window.showModalDialog用法2008/06/18 14:16一.window.open()支持环境: JavaScript1.0+/JS ...
window.showModalDialog()用法及注意事项
今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,一个是window.open();一个是window.showModalDialog()方法,后者是存在父子关系的一种弹出窗 ...
window.showModalDialog()用法
1.定义 window.showModalDialog()用来创建模态对话框语法为:vReturnValue = window.showModalDialog(sURL [, vArguments] ...
window.showModalDialog用法介绍
基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显 ...
模式窗口window.showModalDialog()的用法
模式窗口的用法一.问题: 我想弹出一个窗口,然后在弹出的窗口里,选择或输入一些信息,要求这些信息返回到父页面. 建立父页面:a.htm <html> <head> & ...
window.showModalDialog
window.showModalDialog的用法基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window. ...
window.showModalDialog介绍
window.showModalDialog的用法基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window. ...
关于window.showModalDialog()返回值的学习
先介绍一个showModaldialog的基本用法使用方法: vReturnValue = window.showModalDialog(URL [, Arguments] [,Features]) ...
python selenium 处理弹窗_Selenium自动化发布话题，以及获取window.showModalDialog()弹窗对象(Python实现)...
折腾了一下自动化测试,找到了阿里开源的一个 uirecorder ,可以自动录制测试过程,但自定义逻辑有些麻烦然后发现这货是基于 selenium 实现的,于是就开始折腾起了 selenium,弄出 ...
showModalDialog用法
showModalDialog用法: 1.jsp页面(父窗体页面) function openW_(ID){ var time =new Date().getTime(); //关于加上那个 (new ...

window.showModalDialog用法

window.showModalDialog用法相关推荐

最新文章

热门文章