模式窗口 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    :对话框高度，不小于１００px，ＩＥ４中dialogHeight    和    dialogWidth    默认的单位是em，而ＩＥ５中是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}    ［ＩＥ５＋］：是否可被改变大小。默认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

模式窗口 window.showmodaldialog 总结相关推荐

模式窗口window.showModalDialog()的用法
模式窗口的用法一.问题: 我想弹出一个窗口,然后在弹出的窗口里,选择或输入一些信息,要求这些信息返回到父页面. 建立父页面:a.htm <html> <head> & ...
模式窗口window.open造成Session丢失的解决方法
从 HTML 模式或无模式对话框可能没有打开同一进程中 InternetExplorer 窗口中打开,因此模式窗口中调用 window.open()方法打开具体页面,可能造成session 丢失.例如 ...
解决window.showModalDialog在Firefox无法支持
解决window.showModalDialog在Firefox无法支持 2014-11-27 22:24:21| 分类: UI设计 | 标签: |举报 |字号大中小订阅用微信 &quo ...
window.showModalDialog模式窗口无法在子窗口访问解决办法
window.showModalDialog打开的模式窗口无法在子窗口访问如:window.showModalDialog("A.aspx", null, "help: ...
模式窗口showModalDialog的用法总结
最近几天一直在处理模式窗口的问题,索性写了这篇总结,以供参考: 1.打开窗口: var handle = window.showModalDialog(url, objects, feathers); ...
window.showModalDialog弹出模态窗口
[转http://www.cnblogs.com/zhouzhaokun/archive/2011/11/14/2248523.html] 在我们平时的B/S web开发当中,可能很多时候我们需要有这 ...
总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
前些日子,一直奔波于这三种操作,想想以后会常用,干脆整理下来,供自己以后查看.也给大家分享一下! 以下面写出自己认为有用的操作和代码. 第一次在园里面写,肯定有很多不足够之处,希望大家多多指点. 一. ...
自己使用window.open和window.showModalDialog在父子窗口传值的实践简单总结
朋友最近问我一个问题:子窗口添加数据并返回给父窗口一些添加成功的数据,同时父窗口刷新显示添加前的页面.相比很多人都相当熟知了,顺便记录一下: ==========================win ...
JS打开新窗口的代码window.showModalDialog()
用JS代码打开新窗口 function openNewWindow(url,width,height,formname) { var feature="dialogWidth:&qu ...

模式窗口 window.showmodaldialog 总结

模式窗口 window.showmodaldialog 总结相关推荐

最新文章

热门文章