1
关于父,子窗口的传递参数的试验
2 分析
3 1 . 用到showModalDialog和showModelessDialog
4 2 . 试验代码如下
5 < parent.aspx >
6
7 < body MS_POSITIONING = " GridLayout " >
8 < form id = " Form1 " method = " post " runat = " server " >
9 < INPUT style = " Z-INDEX: 101; LEFT: 112px; POSITION: absolute; TOP: 176px " type = " text " id = " Text1 "
10 name = " Text1 " runat = " server " >< INPUT style = " Z-INDEX: 102; LEFT: 160px; POSITION: absolute; TOP: 240px " type = " button "
11 value = " 打开子窗口 " name = " test " id = " Button1 " onclick = " openwin1() " runat = " server " > < INPUT id = " Text2 " style = " Z-INDEX: 103; LEFT: 336px; POSITION: absolute; TOP: 176px " type = " text "
12 name = " Text2 " runat = " server " >
13 </ form >
14 < script language = " javascript " >
15 function openwin1()
16 {
17var srcFile="child.aspx"; //新窗口的文档名称
18 var winFeatures="dialogHeight:300px; dialogLeft:200px;";
19var obj =Form1;//将form作为对象传递给新窗口 (注意传递的为表单对象 )
20 window.showModelessDialog(srcFile,obj,winFeatures) //window.showModelessDialog(srcFile,obj,winFeatures)
21}
22 </ script >
23 </ body >
24 < child.spx >
25
26 </ HEAD >
27 < base target = " _self " > <!-- 这句话非常重要,只要加上才能保证在弹出窗口中调用服务端代码而不会再弹出一个新窗口 -->
28 < body MS_POSITIONING = " GridLayout " >
29 < form id = " SendForm " >
30 < FONT face = " 宋体 " >< INPUT id = " Text1 " style = " Z-INDEX: 101; LEFT: 88px; POSITION: absolute; TOP: 176px " type = " text "
31 name = " Text1 " runat = " server " >< INPUT id = " Text2 " style = " Z-INDEX: 102; LEFT: 288px; POSITION: absolute; TOP: 176px " type = " text "
32 name = " Text2 " runat = " server " ></ FONT >
33 < INPUT id = " Button1 " style = " Z-INDEX: 103; LEFT: 272px; POSITION: absolute; TOP: 272px " type = " button "
34 value = " Button " name = " Button1 " runat = " server " onclick = " send(SendForm.Text1.value,SendForm.Text2.value); " > // 对子窗体的按钮添加事件即点击的时候将两个文本框的内容传递到父文本框里面去
35 </ form >
36 < script language = " JavaScript " >
37 function send(val,val1)
38 {
39 //取得父窗口传过来的对象 <生成父窗口的对象>
40 var myObj = window.dialogArguments;
41 //赋值
42 myObj.Text1.value = val; //将文本框的内容复给父对象传过来的对象的对应的文本框1 其中的text1。text2 是在父窗口中声明的
43 myObj.Text2.value = val1; //将文本框的内容复给父对象传过来的对象的对应的文本框2
44 //关闭窗口
45 window.close();
46}
47 </ script >
48 </ body >
49 < 3 > 总结
50 一、showModalDialog和showModelessDialog有什么不同?
51 showModalDialog:被打开后就会始终保持输入焦点。除非对话框被关闭,否则用户无法切换到主窗口。类似alert的运行效果。
52 showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)
53 2二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口?
54 在被打开的网页里加上 < base target = " _self " > 就可以了。这句话一般是放在和之间的。《. / head》 < base target = " _self " >< body >
55 3 表单的提交为get方法
56 4 三、怎样才刷新showModalDialog和showModelessDialog里的内容?
57 在showModalDialog和showModelessDialog里是不能按F5刷新的,又不能弹出菜单。这个只能依靠javascript了,以下是相关代码:
58
59 < body onkeydown = " if (event.keyCode==116){reload.click()} " >
60 < a id = " reload " href = " filename.htm " style = " display:none " > reload </ a >
61 将filename.htm替换成网页的名字然后将它放到你打开的网页里,按F5就可以刷新了,注意,这个要配合 < base target = " _self " > 使用,不然你按下F5会弹出新窗口的。
62 四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
63 < input type = " button " value = " 关闭 " onclick = " window.close() " >
64 也要配合 < base target = " _self " > ,不然会打开一个新的IE窗口,然后再关掉的。
65 五《未实现
66 showModalDialog和showModelessDialog数据传递技巧。
67 (作者语:本来想用一问一答形式来写的,但是我想不出这个怎么问,所以只好这样了。)
68 这个东西比较麻烦,我改了好几次了不是没办法说明白(语文水平越来越差了),只好用个例子说明了。
69 例子:
70 现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var_name
71
72 一般的传递方式:
73 window.showModalDialog( " filename.htm " ,var_name)
74 // 传递var_name变量
75 在showModalDialog(或showModelessDialog)读取和设置时:
76 alert(window.dialogArguments) // 读取var_name变量
77 window.dialogArguments = " oyiboy " // 设置var_name变量
78 这种方式是可以满足的,但是当你想在操作var_name同时再操作第二个变理var_id时呢?就无法再进行操作了。这就是这种传递方式的局限性。
79
80 以下是我建议使用的传递方式:
81 window.showModalDialog( " filename.htm " ,window)
82 // 不管要操作什么变量,只直传递主窗口的window对象
83 在showModalDialog(或showModelessDialog)读取和设置时:
84 alert(window.dialogArguments.var_name) // 读取var_name变量
85 window.dialogArguments.var_name = " oyiboy " // 设置var_name变量
86
87 同时我也可以操作var_id变量
88 alert(window.dialogArguments.var_id) // 读取var_id变量
89 window.dialogArguments.var_id = " 001 " // 设置var_id变量
90
91 同样还可以对主窗口的任何对象进行操作,如form对象里的元素。
92 window.dialogArguments.form1.index1.value = " 这是在设置index1元素的值 "
93
94 < script language = " javascript " >
95 // 用户登陆中转窗口
96 // 设置打开窗口的宽度和高度,并全屏显示
97 var tWidth = window.screen .availWidth;
98 var tHeight = window.screen .availHeight;
99
100 con = window.open( " index.htm " , null , " width= " + tWidth + " ,height= " + tHeight + " ,menubar=0,status=yes,scrollbars=1,titlebar=0,top=0,left=0,resizable=1,location=0 " );
101 window.opener = con;
102 window.close();
103 </ script >
104
2 分析
3 1 . 用到showModalDialog和showModelessDialog
4 2 . 试验代码如下
5 < parent.aspx >
6
7 < body MS_POSITIONING = " GridLayout " >
8 < form id = " Form1 " method = " post " runat = " server " >
9 < INPUT style = " Z-INDEX: 101; LEFT: 112px; POSITION: absolute; TOP: 176px " type = " text " id = " Text1 "
10 name = " Text1 " runat = " server " >< INPUT style = " Z-INDEX: 102; LEFT: 160px; POSITION: absolute; TOP: 240px " type = " button "
11 value = " 打开子窗口 " name = " test " id = " Button1 " onclick = " openwin1() " runat = " server " > < INPUT id = " Text2 " style = " Z-INDEX: 103; LEFT: 336px; POSITION: absolute; TOP: 176px " type = " text "
12 name = " Text2 " runat = " server " >
13 </ form >
14 < script language = " javascript " >
15 function openwin1()
16 {
17var srcFile="child.aspx"; //新窗口的文档名称
18 var winFeatures="dialogHeight:300px; dialogLeft:200px;";
19var obj =Form1;//将form作为对象传递给新窗口 (注意传递的为表单对象 )
20 window.showModelessDialog(srcFile,obj,winFeatures) //window.showModelessDialog(srcFile,obj,winFeatures)
21}
22 </ script >
23 </ body >
24 < child.spx >
25
26 </ HEAD >
27 < base target = " _self " > <!-- 这句话非常重要,只要加上才能保证在弹出窗口中调用服务端代码而不会再弹出一个新窗口 -->
28 < body MS_POSITIONING = " GridLayout " >
29 < form id = " SendForm " >
30 < FONT face = " 宋体 " >< INPUT id = " Text1 " style = " Z-INDEX: 101; LEFT: 88px; POSITION: absolute; TOP: 176px " type = " text "
31 name = " Text1 " runat = " server " >< INPUT id = " Text2 " style = " Z-INDEX: 102; LEFT: 288px; POSITION: absolute; TOP: 176px " type = " text "
32 name = " Text2 " runat = " server " ></ FONT >
33 < INPUT id = " Button1 " style = " Z-INDEX: 103; LEFT: 272px; POSITION: absolute; TOP: 272px " type = " button "
34 value = " Button " name = " Button1 " runat = " server " onclick = " send(SendForm.Text1.value,SendForm.Text2.value); " > // 对子窗体的按钮添加事件即点击的时候将两个文本框的内容传递到父文本框里面去
35 </ form >
36 < script language = " JavaScript " >
37 function send(val,val1)
38 {
39 //取得父窗口传过来的对象 <生成父窗口的对象>
40 var myObj = window.dialogArguments;
41 //赋值
42 myObj.Text1.value = val; //将文本框的内容复给父对象传过来的对象的对应的文本框1 其中的text1。text2 是在父窗口中声明的
43 myObj.Text2.value = val1; //将文本框的内容复给父对象传过来的对象的对应的文本框2
44 //关闭窗口
45 window.close();
46}
47 </ script >
48 </ body >
49 < 3 > 总结
50 一、showModalDialog和showModelessDialog有什么不同?
51 showModalDialog:被打开后就会始终保持输入焦点。除非对话框被关闭,否则用户无法切换到主窗口。类似alert的运行效果。
52 showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)
53 2二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口?
54 在被打开的网页里加上 < base target = " _self " > 就可以了。这句话一般是放在和之间的。《. / head》 < base target = " _self " >< body >
55 3 表单的提交为get方法
56 4 三、怎样才刷新showModalDialog和showModelessDialog里的内容?
57 在showModalDialog和showModelessDialog里是不能按F5刷新的,又不能弹出菜单。这个只能依靠javascript了,以下是相关代码:
58
59 < body onkeydown = " if (event.keyCode==116){reload.click()} " >
60 < a id = " reload " href = " filename.htm " style = " display:none " > reload </ a >
61 将filename.htm替换成网页的名字然后将它放到你打开的网页里,按F5就可以刷新了,注意,这个要配合 < base target = " _self " > 使用,不然你按下F5会弹出新窗口的。
62 四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
63 < input type = " button " value = " 关闭 " onclick = " window.close() " >
64 也要配合 < base target = " _self " > ,不然会打开一个新的IE窗口,然后再关掉的。
65 五《未实现
66 showModalDialog和showModelessDialog数据传递技巧。
67 (作者语:本来想用一问一答形式来写的,但是我想不出这个怎么问,所以只好这样了。)
68 这个东西比较麻烦,我改了好几次了不是没办法说明白(语文水平越来越差了),只好用个例子说明了。
69 例子:
70 现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var_name
71
72 一般的传递方式:
73 window.showModalDialog( " filename.htm " ,var_name)
74 // 传递var_name变量
75 在showModalDialog(或showModelessDialog)读取和设置时:
76 alert(window.dialogArguments) // 读取var_name变量
77 window.dialogArguments = " oyiboy " // 设置var_name变量
78 这种方式是可以满足的,但是当你想在操作var_name同时再操作第二个变理var_id时呢?就无法再进行操作了。这就是这种传递方式的局限性。
79
80 以下是我建议使用的传递方式:
81 window.showModalDialog( " filename.htm " ,window)
82 // 不管要操作什么变量,只直传递主窗口的window对象
83 在showModalDialog(或showModelessDialog)读取和设置时:
84 alert(window.dialogArguments.var_name) // 读取var_name变量
85 window.dialogArguments.var_name = " oyiboy " // 设置var_name变量
86
87 同时我也可以操作var_id变量
88 alert(window.dialogArguments.var_id) // 读取var_id变量
89 window.dialogArguments.var_id = " 001 " // 设置var_id变量
90
91 同样还可以对主窗口的任何对象进行操作,如form对象里的元素。
92 window.dialogArguments.form1.index1.value = " 这是在设置index1元素的值 "
93
94 < script language = " javascript " >
95 // 用户登陆中转窗口
96 // 设置打开窗口的宽度和高度,并全屏显示
97 var tWidth = window.screen .availWidth;
98 var tHeight = window.screen .availHeight;
99
100 con = window.open( " index.htm " , null , " width= " + tWidth + " ,height= " + tHeight + " ,menubar=0,status=yes,scrollbars=1,titlebar=0,top=0,left=0,resizable=1,location=0 " );
101 window.opener = con;
102 window.close();
103 </ script >
104