`
心动音符
  • 浏览: 337042 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

模式窗口showModalDialog的用法总结

阅读更多
1。打开窗口:

var handle = window.showModalDialog(url, objects, feathers);


其中:objects可以为参数(包括数组),也可以是对象。
通常的用法 objects = {window} ,把父窗体的对象共享给子窗体。

2。关闭子窗口:

window.close();



3。从子窗体传参数给父窗体:

window.returnVal = string;



3。清除缓存,防止模式窗口页面不更新的情况:

HTML
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Mon, 23 Jan 1978 20:52:30 GMT">
ASP
<%
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
%>
PHP
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
JSP
response.setHeader("Pragma","No-Cache");
response.setHeader("Cache-Control","No-Cache");
response.setDateHeader("Expires", 0);



4。防止打开新窗口(如提交表单):

<base target="_self">


5。在模式窗口使用F5刷新页面:

<base target="_self">
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>


其中:filename为窗口页面。

6。防止模式窗口打开的页面出现cookie丢失的情况:
模式窗口打开新窗口时,仅可以使用 showModalDialog(url,window,feathers); 方法,且 objects 为 window 。

7。在弹出窗口中获得或设置主窗口的任何值:
打开弹出窗口时用:showModalDialog(url, window, feathers)
在弹出窗口中使用 window.dialogArguments 对象(即主窗口传递过来的 window 对象集),即可以获得或者设置主窗口的值。
分享到:
评论

相关推荐

    sharepoint 2010 弹出模式窗口showModalDialog并返回值returnResult方法.

    本篇文章将详细探讨如何使用`showModalDialog`打开模态窗口,并返回值给调用页面。 首先,`showModalDialog`的基本语法如下: ```javascript window.showModalDialog(url, windowObject, options); ``` - `url`: ...

    JS 弹出模式窗口 和 非模式窗口

    在JavaScript中,我们使用`showModalDialog()`函数来创建模式窗口。例如: ```javascript function topwin() { window.showModalDialog("http://www.qq.com", "", "dialogWidth:300px;dialogHeight:300px;scroll:...

    window.showModalDialog模式对话框和 window.open的区别

    `window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...

    JS模式窗口

    总结,JS模式窗口是一个强大的功能,它允许开发者创建具有复杂交互和定制外观的弹出窗口。尽管现代Web开发中有了更多替代方案(如Bootstrap的Modal插件或Vue、React等库的组件),`showModalDialog()`仍然是一个值得...

    ShowModalDialog父窗体向子窗体传值

    在这种情况下,可能需要使用其他方法,如回调函数或使用`postMessage` API来实现父子窗口之间的安全通信。 总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们...

    一个使用模式窗口的例子

    模式窗口在网页开发中是非常实用的功能之一,通过本文的介绍,我们可以了解到如何使用`window.showModalDialog()`方法来创建具有不同特性的模式窗口。这不仅可以提高用户的交互体验,还可以根据实际需求灵活调整窗口...

    ShowModalDialog与window.open的区别

    它可以是模式窗口,也可以是非模式窗口。非模式窗口意味着用户可以在新窗口打开的同时继续与原窗口交互。 **2. 使用方法** ```javascript var newWindow = window.open(url, name, features); ``` **3. 参数说明*...

    在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题

    在标题提到的问题中,当使用`showModalDialog`并结合`iframe`来实现弹窗功能时,如果页面被刷新,可能会出现一个新的弹出窗口。这是因为`showModalDialog`通常会保留其状态,而页面刷新会重置这些状态,导致再次调用...

    解决window.showModalDialog跨域返回值

    // 弹出模式窗口,集成页面传入参数 orderTag var callFlag = window.showModalDialog( encodeURI("../openPage.jsp?orderTag=2"), window, "scroll:no;resizable:yes;Minimize:no;Maximize:yes;dialogHeight:...

    jBox(Div模式窗口兼容各种浏览器)

    **jBox - 一个跨浏览器的Div模式窗口控件** 在网页开发中,有时我们需要创建一个弹出式的对话框来与用户交互,如显示信息、警告或者获取输入。传统的`window.showModalDialog()`方法虽然方便,但在某些浏览器或...

    C#后台代码弹出页面或模式窗口.pdf

    总结来说,C#后台代码通过调用JavaScript函数来实现弹出页面或模式窗口的功能。这种技术虽然在一些场景下仍然有用,但在现代Web开发中,我们通常会采用更灵活、更可控的前端解决方案,以提供更好的跨浏览器兼容性和...

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

    非模式对话框的创建使用showModelessDialog函数,用法与showModalDialog类似: ```javascript window.showModelessDialog('filename.htm', window, 'dialogWidth=200px;dialogHeight=100px'); ``` 在创建非模式...

    Window.ShowModalDialog使用手册_对话框 .txt

    ### Window.ShowModalDialog 使用手册详解 #### 一、概述 `Window.ShowModalDialog` 是一个在 Internet Explorer 浏览器中特有的方法,用于创建模态对话框。此方法允许开发者在一个新的窗口中打开一个HTML页面,...

    showModalDialog及dialogArguments使用

    ### showModalDialog及dialogArguments使用详解 在Web开发中,`showModalDialog` 和 `showModelessDialog` 是Internet Explorer浏览器特有的方法,用于打开模态或非模态对话框。这两个函数允许开发者创建自定义的弹...

    C#后台代码弹出页面或模式窗口.docx

    在Web应用程序中,有时候我们需要在后台代码中控制前端的行为,比如弹出一个新的页面或模式窗口。文档中的代码片段展示了如何在C#后台代码中实现这一功能。 首先,我们需要理解后台代码与前端交互的基本原理。在ASP...

    Chrome中模态对话框showModalDialog返回值问题的解决方法

    这种方法的关键在于利用`window.opener`属性,它指向打开当前窗口的窗口对象,因此我们可以在弹出的对话框中修改父窗口的属性,从而传递返回值。 尽管`showModalDialog`在某些场景下仍然有用,但由于它的兼容性和...

    WEB页子窗口(showModalDialog和showModelessDialog)使用说明

    本文将详细介绍两种常用的Web子窗口技术:`showModalDialog` 和 `showModelessDialog`,并提供它们的使用方法和参数说明。 1. `showModalDialog` 方法: `showModalDialog` 是一个在Internet Explorer 4及以上版本...

    javascript弹出窗口问题总结

    本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...

    showModalDialog(VS2008)示例

    `showModalDialog` 是 Microsoft Internet Explorer (IE) 浏览器提供的一种对话窗口显示方法,它在打开新窗口的同时阻止用户与父窗口的交互,直到新窗口被关闭。这个功能在开发网页应用时,常用于创建模态对话框,...

Global site tag (gtag.js) - Google Analytics