showModalDialog和showModelessDialog使用心得转

梦里梦外; 2021-11-17 16:38 297阅读 0赞

![None.gif][] showModalDialog和showModelessDialog使用心得  
![None.gif][]作者：不详  
![None.gif][]发布日期： 2005 \- 01 \- 02  |  更新日期： 2005 \- 01 \- 02   
![None.gif][]  
![None.gif][]  
![None.gif][]  
![None.gif][]本页内容  
![None.gif][] showModalDialog和showModelessDialog有什么不同？  
![None.gif][] 怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？  
![None.gif][] 怎样才刷新showModalDialog和showModelessDialog里的内容？  
![None.gif][] 如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口  
![None.gif][] showModalDialog和showModelessDialog数据传递技巧  
![None.gif][] 多个showModelessDialog的相互操作  
![None.gif][]  
![None.gif][]showModalDialog和showModelessDialog有什么不同？  
![None.gif][] showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。  
![None.gif][] showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)  
![None.gif][]  
![None.gif][] 返回页首  
![None.gif][]  
![None.gif][]  
![None.gif][]怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？  
![None.gif][] 在被打开的网页里加上 < base  target = " \_self " > 就可以了。这句话一般是放在 < html > 和 < body > 之间的。  
![None.gif][]  
![None.gif][] 返回页首  
![None.gif][]  
![None.gif][]  
![None.gif][]怎样才刷新showModalDialog和showModelessDialog里的内容？  
![None.gif][] 在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：  
![None.gif][] < body onkeydown = " if (event.keyCode==116)\{reload.click()\} " >   
![None.gif][] < a id = " reload "  href = " filename.htm "  style = " display:none " > reload![dot.gif][None.gif] </ a >   
![None.gif][] 将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合 < base  target = " \_self " > 使用，不然你按下F5会弹出新窗口的。  
![None.gif][]  
![None.gif][] 返回页首  
![None.gif][]  
![None.gif][]  
![None.gif][]如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口  
![None.gif][] < input type = " button "  value = " 关闭 "  onclick = " window.close() " >   
![None.gif][] 返回页首  
![None.gif][]  
![None.gif][]  
![None.gif][]showModalDialog和showModelessDialog数据传递技巧  
![None.gif][] (作者语：本来想用一问一答形式来写的，但是我想不出这个怎么问，所以只好这样了。)  
![None.gif][] 这个东西比较麻烦，我改了好几次了不是没办法说明白(语文水平越来越差了)，只好用个例子说明了。  
![None.gif][] 例子：  
![None.gif][] 现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var\_name  
![None.gif][] 一般的传递方式：  
![None.gif][]window.showModalDialog( " filename.htm " ,var\_name)  
![None.gif][] // 传递var\_name变量   
![None.gif][]  在showModalDialog(或showModelessDialog)读取和设置时：  
![None.gif][]alert(window.dialogArguments) // 读取var\_name变量   
![None.gif][] window.dialogArguments = " oyiboy " // 设置var\_name变量   
![None.gif][]  这种方式是可以满足的，但是当你想在操作var\_name同时再操作第二个变理var\_id时呢？就无法再进行操作了。这就是这种传递方式的局限性。  
![None.gif][] 以下是我建议使用的传递方式：  
![None.gif][]window.showModalDialog( " filename.htm " ,window)  
![None.gif][] // 不管要操作什么变量，只直传递主窗口的window对象   
![None.gif][]  在showModalDialog(或showModelessDialog)读取和设置时：  
![None.gif][]alert(window.dialogArguments.var\_name) // 读取var\_name变量   
![None.gif][] window.dialogArguments.var\_name = " oyiboy " // 设置var\_name变量   
![None.gif][]  同时我也可以操作var\_id变量  
![None.gif][]alert(window.dialogArguments.var\_id) // 读取var\_id变量   
![None.gif][] window.dialogArguments.var\_id = " 001 " // 设置var\_id变量   
![None.gif][]  同样还可以对主窗口的任何对象进行操作，如form对象里的元素。  
![None.gif][]window.dialogArguments.form1.index1.value = " 这是在设置index1元素的值 "   
![None.gif][] 返回页首  
![None.gif][]  
![None.gif][]  
![None.gif][]多个showModelessDialog的相互操作  
![None.gif][] 因为光说很费劲，我就偷点懒，直接用代码来说了，如果不明白的话那就直接来信(oyiboy\# 163 .net(使用时请将\#改成@))问我吧。  
![None.gif][] 以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位置。  
![None.gif][] 主文件的部份js代码。  
![None.gif][]var s1 = showModelessDialog( ' 控制.htm ' ,window, " dialogTop:1px;dialogLeft:1px " ）  // 打开控制窗口   
![None.gif][] var s2 = showModelessDialog( ' about:blank ' ,window, " dialogTop:200px;dialogLeft:300px " ） // 打开被控制窗口   
![None.gif][]  控制.htm的部份代码。  
![None.gif][] < script >   
![None.gif][]　　　　 // 操作位置数据，因为窗口的位置数据是"xxxpx"方式的，所以需要这样的一个特殊操作函数。   
![None.gif][] function countNumber(A\_strNumber,A\_strWhatdo)  
![ExpandedBlockStart.gif][None.gif]![ContractedBlock.gif][None.gif] ![dot.gif][None.gif] \{  
![InBlock.gif][None.gif] A\_strNumber=A\_strNumber.replace('px','')  
![InBlock.gif][None.gif] A\_strNumber\-=0  
![InBlock.gif][None.gif]switch(A\_strWhatdo)  
![ExpandedSubBlockStart.gif][None.gif]![ContractedSubBlock.gif][None.gif]![dot.gif][None.gif]\{  
![InBlock.gif][None.gif]case"\-":A\_strNumber\-=10;break;  
![InBlock.gif][None.gif]case"\+":A\_strNumber\+=10;break;  
![ExpandedSubBlockEnd.gif][None.gif] \}  
![InBlock.gif][None.gif]return A\_strNumber \+"px"  
![ExpandedBlockEnd.gif][None.gif]\}   
![None.gif][] </ script >   
![None.gif][] < input type = " button "  onclick = " window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,'-') "  value = " 上移 " >   
![None.gif][] < input type = " button "  onclick = " window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,'-') "  value = " 左移 " >   
![None.gif][] < input type = " button "  onclick = " window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,'+') "  value = " 右移 " >   
![None.gif][] < input type = " button "  onclick = " window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,'+') "  value = " 下移 " >   
![None.gif][]  
![None.gif][] 以上关键部份是：  
![None.gif][] 窗口命名方式：var s1 = showModelessDialog( ' 控制.htm ' ,window, " dialogTop:1px;dialogLeft:1px " ）  
![None.gif][] 变量访问方式：window.dialogArguments.s2.dialogTop  
![None.gif][]  
![None.gif][] 这个例子只是现实showModelessDialog与showModelessDialog之间的位置操作功能，通过这个原理，在showModelessDialog之间相互控制各自的显示页面，传递变量和数据等。这要看各位的发挥了。  
![None.gif][]  
![None.gif][] 返回页首  
![None.gif][]  
![None.gif][]  
![None.gif][]制作声明  |  与EPUBCN同步更新  |  联络方式  
![None.gif][]©  2000 \- 2004  EPUBCN 电子出版资讯小组. 保留所有权利. 本站点由 深蓝色系统 制作维护  
![None.gif][]

转载于:https://www.cnblogs.com/miaomiaoga/archive/2005/02/02/100690.html

[None.gif]: