模式窗口 window.showmodaldialog 总结

就是要在一个图像插件上面,需要弹出一个窗口,在弹出的窗口之上又的弹出一个模式窗口。然后我用到了window.showmodaldialog 方法

1.参数

showModalDialog("子页面地址","向子页面传递参数","子页面外观设置"),比如说

var data = new Date().getTime();

var timeValue  = window.showModalDialog('../MB/alertTime.jsp?'+data,window,'dialogWidth=250px;dialogHeight=168px;status=no');

因为这种弹窗方法很容易造成缓存问题,所以我会在“子页面地址”后面接一个参数,这个参数通常是时间,可以有效缓解缓存问题

我这里传的第二个参数是window ,这个表示的是将父页面这个对象传给了子页面,当然,你也可以传其他的具体某个对象,某个字符串,如果传的是window的话,可以把父页面的方法什么的都可以传过去。你在子页面只需要接收一下这个对象,然后取出来调用就好了。接收用 Window=window.dialogArguments;  然后用Window.方法名    Window.字段名  调用方法或者是获得字段值,第二个参数也可以传为空

第三个参数

1.dialogHeight    :对话框高度,不小于100px,IE4中dialogHeight    和    dialogWidth    默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。   
   2.dialogWidth:    对话框宽度。   
   3.dialogLeft:    离屏幕左的距离。   
   4.dialogTop:    离屏幕上的距离。   
   5.center:    {yes|no|1|0}:窗口是否居中,默认yes,但仍可以指定高度和宽度。   
   6.help:    {yes|no|1|0}:是否显示帮助按钮,默认yes。   
   7.resizable:    {yes|no|1|0}    [IE5+]:是否可被改变大小。默认no。   
   8.status:    {yes|no|1|0}    [IE5+]:是否显示状态栏。默认为yes[    Modeless]或no[Modal]。   
   9.scroll:{    yes|no|1|0|on|off}:指明对话框是否显示滚动条。默认为yes。   
   下面几个属性是用在HTA中的,在一般的网页中一般不使用。   
   10.dialogHide:{    yes|no|1|0|on|off}:在打印或者打印预览时对话框是否隐藏。默认为no。   
   11.edge:{    sunken|raised}:指明对话框的边框样式。默认为raised。   
   12.unadorned:{    yes|no|1|0|on|off}:默认为no。

我上面传的就是一个高度,以及是否显示状态栏。这个参数也是可选的。

细心的朋友可能以及发现,这个方法还是有返回值的。我这里用的是 timeValue 来接收。这个返回值可以通过在子页面中   window.returnValue 传递   比如说  window.returnValue = "1";  那么当你关闭子页面的时候,  timeValue 这个值就会赋值为 “1”。同时,你用close() 关闭的时候也会把这个值给传递出去。这样,子页面和父页面就可以互相传递通信了
--------------------- 

原文:https://blog.csdn.net/u010033129/article/details/72627009
 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值