`

javascript模态窗体各种用法(转)

阅读更多
1。打开窗口:
var handle = window.showModalDialog(url, objects, feathers);
其中:objects可以为参数(包括数组),也可以是对象。
通常的用法 objects = {window} ,把父窗体的对象共享给子窗体。
2。关闭子窗口:
window.close();

3。从子窗体传参数给父窗体:
window.returnVal = string;

4。清除缓存,防止模式窗口页面不更新的情况:
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);

5。防止打开新窗口(如提交表单):
<base target="_self">

6。在模式窗口使用F5刷新页面:
<base target="_self">
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>
其中:filename为窗口页面。

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

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

9 子页面关闭同时刷新父页面

调用方法


        父页面:openModelWin('ChooseStyle.aspx');

        子页面:closeWin()

脚本:


function openModelWin(url)
{
    var obj = showModalDialog(url,'title',"dialogWidth:600px;");
   
    if(obj =='reload')
    {
        window.location.reload();
    }
}
function closeWin()
{
    window.opener = null;
   
    window.close();
    window.returnValue='reload';
}

分享到:
评论

相关推荐

    jquery 弹出模态窗体

    在jQuery中实现弹出模态窗体,我们可以使用自定义的JavaScript代码或者依赖于现有的插件。一种常见的方法是利用HTML、CSS和JavaScript来构建模态窗体。首先,我们需要在HTML中创建一个隐藏的模态窗体元素,然后通过...

    模态窗体的几种形式(详细代码)

    在网页开发中,模态窗体(Modal Window)是一种常用的设计元素,用于向用户展示重要的信息、确认操作或收集输入数据。模态窗体的特点是它会暂停主页面的交互,直到用户与其交互并关闭为止。本文将详细介绍模态窗体的...

    JavaScript实现弹出模态窗体并接受传值的方法

    总的来说,JavaScript实现弹出模态窗体并接受传值的关键在于使用`window.showModalDialog()`方法,以及正确构造URL以传递参数。尽管存在浏览器兼容性问题,但通过适当的库和处理策略,我们可以创建出符合需求的交互...

    html 模态窗口子窗体调用父窗体的任何函数

    模态子窗口通常由JavaScript或者jQuery库(如Bootstrap)创建,它们可以通过事件监听或回调函数与父窗口进行通信。在HTML中,模态窗口往往被包含在一个`&lt;div&gt;`元素中,通过CSS设置为不可见,并在需要时通过...

    模态窗口传值www.bbssa.com

    有两种主要方法将值传递给模态窗口: - URL参数:如果模态窗口是由链接触发的,可以将值作为URL查询参数传递。 - JavaScript变量:将值存储在JavaScript变量中,然后在打开模态窗口时将其赋值给相应元素。 例如...

    使用jQuery创建模态窗口登陆效果

    总结,创建一个使用jQuery的模态窗口登录效果,需要理解HTML结构、CSS样式以及JavaScript交互逻辑。通过结合这些元素,我们可以实现一个功能完备、用户体验良好的登录模态窗口。这个案例不仅提供了实践技巧,还展示...

    JQuery实现可移动模态窗口

    本教程将深入探讨如何使用JavaScript库JQuery来创建一个可移动的模态窗口。 首先,我们需要了解JQuery的基本用法。JQuery是一个高效、简洁的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互。在实现可...

    利用模态对话框实现父窗体、子窗体间传值

    本话题将详细探讨如何利用模态对话框来实现在父窗体和子窗体之间传递数据,以及涉及到的客户端和服务器端技术。 首先,`showModalDialog` 是一个在浏览器环境中(主要是Internet Explorer)用于打开一个新的窗口或...

    5个Jquery模态窗口

    标题“5个jQuery模态窗口”意味着我们将探讨五种不同的方法或插件,利用jQuery来实现模态窗口效果。这些模态窗口可能具有各自的特性和功能,例如自定义样式、动画效果、交互性等。下面将分别介绍这五个jQuery模态...

    javascript 子窗体父窗体相互传值方法

    在JavaScript编程中,子窗体与父窗体之间的数据传递是前端开发中常见...通过上述代码示例,可以了解到如何在父窗体和子窗体间传递数据的基本方法,并且这些技术广泛应用于许多内容管理系统(CMS)和各种Web应用程序中。

    实例详解BootStrap的动态模态框及静态模态框

    使用动态模态框时,通常需要绑定事件处理器,并使用Bootstrap提供的模态框组件相关的JavaScript方法来控制模态框的显示和隐藏。在上面提供的代码中,可以看到一个动态模态框的示例,通过点击一个按钮来触发显示模态...

    模态窗口在web中的应用

    模态窗口(Modal Window)是Web开发中常见的交互设计元素,主要用于在当前页面上显示一个临时的、必须被用户处理的对话框或窗体,用户需要完成对话框的任务后才能继续操作主页面。模态窗口在网页中的应用广泛,包括...

    一套漂亮的js div alert弹出窗体

    描述中的内容简洁地重复了标题,表明这是一个关于使用JavaScript和div实现的美观弹出窗体的示例或库。 标签同样是对主题的强调,再次确认我们讨论的是一个利用JavaScript和div技术构建的对话框解决方案。 压缩包内...

    jquery弹出窗体

    jQuery提供了多种方法来实现弹出窗体功能,这通常被称为“模式窗体”或“模态对话框”。让我们深入了解一下如何使用jQuery创建弹出窗体。 首先,我们需要了解什么是模式窗体。模式窗体是一种特殊的窗口,它在用户与...

    juqery Ui弹出窗体

    jQuery UI 是一个基于 jQuery JavaScript 库的开源框架,它提供了丰富的用户界面组件,如对话框(弹出窗体)、拖放功能、日期选择器、进度条等,用于创建交互式和美观的网页应用。在本篇文章中,我们将深入探讨 ...

    javascript 语法基础 想学习js的朋友可以看看

    17. 通过模态窗体向父窗口返回值通常使用 `window.returnValue` 属性。 18. 关闭子窗口的同时刷新父窗口,可以通过修改 `window.opener.location.href` 来实现,或者在模态窗口中通过 `window.location.reload()` ...

    html和javascript技术实现模式窗口传参数示例

    接下来,使用JavaScript来控制这个模态窗口的显示和隐藏。这里我们可以使用JavaScript的DOM操作和事件监听。例如,我们可以通过点击某个按钮来触发模式窗口的显示: ```javascript document.getElementById('...

    js弹出窗体讲解及示例源码

    7. **异步加载内容**:如果弹出窗体的内容来自外部链接,可以使用AJAX(Asynchronous JavaScript and XML)或Fetch API异步加载,提升用户体验。 8. **响应式设计**:随着移动设备的普及,弹出窗体需适应不同屏幕...

    子窗体传值给父窗体的select

    如果子窗体是弹出的模态对话框,通常可以通过事件监听和回调函数来传递信息。例如,可以在子窗体的确认按钮点击事件中调用一个父窗体提供的方法,将选中的`checkbox`值作为参数传递过去。 2. **获取`checkbox`选中...

Global site tag (gtag.js) - Google Analytics