`
wang_zhi_peng2007
  • 浏览: 242907 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

模态窗口window.showModalDialog

 
阅读更多

1、基本知识 

showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 

2、使用方法

vReturnValue=window.showModalDialog(sURL[,vArguments][,sFeatures]);
vReturnValue=window.showModelessDialog(sURL[,vArguments][,sFeatures]); 

3、参数说明

 参数名称  性质  类型  作用
 sURL  必选  字符串  用来指定对话框要显示的网页的URL。
 vArguments  可选  变体  用来向对话框传递参数。参数类型不限。
对话框通过window.dialogArguments来取得传递进来的参数。
 sFeatures  可选  字符串  用来描述对话框的外观等信息


    4、sFeatures参数说明

 参数名称  参数属性  说明
 dialogHeight  npx  对话框高度,不小于100px
 dialogWidth  npx  对话框宽度
 dialogLeft  npx  离主窗口左的距离
 dialogTop  npx  离主窗口上的距离
 center  {yes | no | 1 | 0 }  窗口是否居中,默认yes
 help  {yes | no | 1 | 0 }  是否显示帮助按钮,默认yes
 resizable  {yes | no | 1 | 0 }  是否可改变大小,默认no
 status  {yes | no | 1 | 0 }  是否显示状态栏,默认为yes[ Modeless]或no[Modal]
 dialogHide  { yes | no | 1 | 0 | on | off }  在打印或者打印预览时对话框是否隐藏,默认为no
 scroll  { yes | no | 1 | 0 | on | off }  指明对话框是否显示滚动条,默认为yes
 edge  { sunken | raised }  指明对话框的边框样式,默认为raised
 unadorned  { yes | no | 1 | 0 | on | off }  默认为no
 注意:dialogHide,edge,unadorned这三个属性是用在HTA(HTML Aplication)中的,一般网页上用不到。

5、参数传递 通过vArguments来传递参数,类型不限制,对于字符串类型,最大为4096个字符,也可以传递对象,例如

parent.htm 
<script>
window.showModalDialog("sun.htm","传递进去的参数","help:no;scroll:no");
</script>
sun.htm
<script>
alert("传来的参数:" + window.dialogArguments);
</script> 

 

6、返回值 通过window.returnValue向打开对话框的窗口返回信息,也可以是对象。例如:

parent.htm 
<script>
result=window.showModalDialog("son.htm","","help:no;scroll:no");
alert(result);
</script>
son.htm
<script>
window.returnValue="这里存放返回的结果";
</script>  

 

7、防止在模态窗口中提交后新开一窗口
   在页面的 <body>前加入<base target="_self">

 

8、调用父窗口的方法同时传递参数

parent.htm 
<script>
function show(){//父窗口的方法
 alert("show");
}
var arg=new Object();//传递进去的参数
arg.win=window;//把当前窗口的引用当参数传进去
arg.str="argument";//要传进去的其他参数
window.showModalDialog("son.htm",arg,'help:no');
</script>
son.htm
<script>
var arg=window.dialogArguments;
alert(arg.str);
arg.win.show();//调用父窗口的方法
</script> 

 

 

分享到:
评论

相关推荐

    JavaScript中window.showModalDialog()用法详解

    一个是window.showModalDialog()方法,后者是存在父子关系的一种弹出窗口,只有子窗关闭,父窗口才激活,并且可以传送参数和返回值。正好又温习一遍用法,顺便在此记录过程中遇到的问题。 基本介绍:  ...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态

    使用selenium测试showModalDialog模态对话框

    Selenium目前没有提供对IE模态对话框(即通过showModalDialog方法打开的弹出对话框)的处理。原因在于,模态对话框会将父页面的 JS挂起,直至对话框处理完毕才会继续执行父页面JS。因为Selenium的底层实现是基于JS的,...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面。区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法操作了)。可以在子窗口中通过设置window.return...

    JS中showModalDialog 详细使用.txt

    window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。 使用方法: vReturnValue = window.showModalDialog(sURL [,...

    js模式化窗口问题![window.dialogArguments]

    前些天做项目时遇到了个浏览器兼容问题,解决后记录一下,也将模式化的资料放上! 详细问题描述: 在火狐浏览器中弹出一个子窗口,...b.window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框(IE 4+支持) c.win

    供模态窗口调用的页面模板(asp)

    js调用模态窗口的asp页面模板。调用示例: var vmyasp="abc.asp?id="+id; var vbt1="页面窗口title"; var vbt2="附加的title"; var myretu=window.showModalDialog("mywindow.asp?bt1="+escape(vbt1)+"&bt2;="+...

    Javascript showModalDialog两个窗体之间传值

    Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体,不过他打开的是一个模态窗口,那么如何在父窗体和子窗体之间传值呢?我们先看该函数的定义:...

    创建模态网页对话框(Very Good)!

    retvalue = window.showModalDialog(&quot;modal.html&quot;,&quot;&quot;, &quot;dialogHeight=5;dialogWidth=10;center=1;status=0;resizable=0;help=0&quot;);alert (retvalue);}&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;form ...

    js关闭模态窗口刷新父页面或跳转页面

    在B窗口中添加数据,提交后,要求B窗口自关闭,然后刷新A窗口(父) 代码如下: [removed] function openSubWin() { window.showModalDialog(‘b.html’, ‘newwindow’, ‘height=500, width=400, top=0, left=0, ...

    jquery showModelDialog的使用方法示例详解

    window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。使用方法:varreturnValue = window.showModalDialog(URL [, arguments]...

    C#实现父子窗体全传值案例

    通过window.showModalDialog实现模态窗体,并将返回值回写父窗体

    js 模式窗口(模式对话框和非模式对话框)的使用介绍

    Javascript里面分模式对话框和非模式对话框,其实两者区别就是在对话框被关闭之前...vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vA

    JS对话框_JS模态对话框showModalDialog用法总结

    [removed]function opendialog1() { var someValue=window.showModalDialog(“b.html”,””,”dialogWidth=500px;dialogHeight=500px;status=no;help=no;scrollbars=no”); document.form1.p1t.value=someValue;...

    javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码

    window.open[removed].href, “__self”) //注意是2个下划线 替换 location.href 当需要关闭第N(N&gt;1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止刷新时弹出新窗口, 可以通过returnValue 以传递返回值给第N-1...

    谷歌showModalDialog()方法不兼容出现对话窗口的解决办法

    showModalDialog,在测试中,IE,Firefox中正常运行,但是在google中,点击后没什么反应,在网上看了一下,谷歌浏览器不支持showModalDialog模态对话框和无法返回returnValue,得到了一个解决办法 [removed] //...

    showModelessDialog()使用详解

    如: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的...

    javascript函数的解释

    19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出提示信息:window.alert("字符"); 22.弹出确认框:window.confirm(); 23.弹出输入提示框:...

    ASP.NET中使用IFRAME建立类Modal窗口

    我们经常要在程序的人机交互中用到模态窗口,但在B/S开发中,这一切变得不容易了,虽然也可以用window.showModalDialog函数实现(见http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4...

    JS中showModalDialog 的使用解析

    window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。(就是打开后不能操作父窗口,只能等模式 窗口关闭时才能操作)  window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框...

Global site tag (gtag.js) - Google Analytics