父窗口 js方法
function openwin(id){
var answer=window.showModalDialog("demand.do?method=queryBOM&mdid="+id+"&d="+escape(new Date()),window.self,"dialogWidth:700px;dialogHeight:620px:center:yes");
if(answer==1){
window.location.href = "demand.do?method=selmd&d="+escape(new Date()); //转到处理页面
//window.location.reload(); 刷新父窗口
//winow.location.reload(true);
}
}
加个escape(new Date()) 避免读取缓存,当然也可以在子窗口中,加入
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
子窗口 js 方法:
function reVal(){
window.returnValue=1; //父窗口中 answer的值
window.close();
}
打开模态窗口之后,父窗口会一直等待子窗口返回个值,如果是表单提交或是button就执行reVal()方法
返回answer的值,window.returnValue=1 这个地方我测试了 好像只能返回String类型的,数组类型的不好使
在子窗口中使用 window.opener.location.reload(); 不好使,不试用于模态窗口,window.opern() 好使
还有个问题是:在模态窗口里form 提交会弹出新窗口,这个问题简单就在<head>里面加个<base target="_self">
就可以搞定,注:我刚开始是不想通过form提交的,
用js window.location.href 跳转到不同的action去处理,发现
<base target="_self"> 就不起作用了,似乎 <base target="_self"> 只是针对form action="" 才起作用,这个地方应该可以用iframe 去实现。
分享到:
相关推荐
JavaScript模态窗口是一种在网页设计中广泛使用的交互元素,它能够强制用户在处理当前内容之前必须先进行交互。模态窗口通常表现为一个弹出框,阻止用户与页面其他部分进行互动,直到他们关闭该窗口或者完成操作。在...
本资源主要探讨如何使用HTML `<div>` 元素来实现类似JavaScript模态窗口的效果。这既是一种节省资源、提高性能的方法,也适合初学者学习网页动态效果的实现。 首先,我们需要创建一个基本的HTML结构,包括`<head>`...
在JS中,模态窗口(Modal Dialog)是一种常见且实用的设计模式,用于创建一种中断用户当前任务并要求他们采取行动或提供信息的界面。JSer.modalDialog就是JSer脚本框架提供的一个模态窗口实现,它为网页添加了一个...
这是一款效果非常酷的Google Material Design风格js模态窗口插件。该模态窗口采用Material Design的扁平风格,界面清晰时尚。在模态窗口中可以嵌入文字、图片、视频等任何HTML元素。
JavaScript模态窗口是一种在网页中实现交互式用户体验的技术,它能够模拟操作系统中的对话框效果,如Windows vista系统中的警告或确认对话框。这种模态窗口通常用于向用户展示重要信息或者要求用户进行确认操作,而...
**tingle.js** 是一款轻量级的JavaScript模态窗口插件,专为网页开发者设计,以实现简单、高效且可自定义的弹出框效果。这款插件以CSS3来渲染其样式,确保了良好的视觉表现力,并且支持CSS3过渡动画,使得窗口在打开...
JavaScript 模态窗口,经历2次升级,使用方便,操作灵活, 支持IE、Mozilla FireFox、Sarafi、Opera、Chrome等多浏览器,版权所有,请勿用作商业用途
在本篇中,我们将深入探讨如何使用 `div` 和 `css` 实现模态窗口,并结合 `JavaScript` 进行动态控制。 首先,我们来了解 `div` 元素。`div` 是HTML中的一个通用容器标签,用于组合HTML元素,通过设置 `class` 或 `...
JavaScript的模态窗口是网页开发中常用的一种交互设计,它可以在用户进行其他操作时暂停页面流程,强制用户关注特定信息或执行某个操作。模态窗口通常由一个覆盖在主页面上的半透明背景(通常称为“mask”)和一个...
本文将深入探讨“可拖拽的谷歌样式纯javascript模态窗口插件”的相关知识点。 首先,让我们了解什么是模态窗口。模态窗口(Modal Window)在网页上表现为一个覆盖在主页面上的半透明层,通常包含一些特定的信息或...
JavaScript模态窗口是一种在网页上实现弹出式对话框的技术,通常用于显示警告、确认或输入信息等场景。模态窗口的特点是它会阻止用户与背景页面的交互,直到用户处理完当前窗口中的事务。本篇文章将深入探讨...
tingle.js是一款专门为网页开发设计的轻量级模态窗口插件,它完全基于JavaScript编写,无需依赖其他大型库如jQuery,使得它在性能和加载速度上有一定的优势。这款插件的设计理念是简洁且实用,旨在帮助开发者快速、...
3. 使用JQuery编写JavaScript代码,实现模态窗口的显示和隐藏。 ```javascript $(document).ready(function() { $("#openModal").on('click', function() { $("#modal").addClass('fadeIn').delay(500).queue...
为了显示这个模态窗口,我们需要使用 JavaScript 来控制: ```javascript $('#dlg').dialog('open'); ``` 此外,EasyUI 提供了许多配置选项来定制模态窗口的行为和外观,例如: - `width` 和 `height`:定义窗口...
Custombox是一款强大的js模态窗口插件,它以独特的CSS3过渡效果为亮点,为网页添加了丰富的动态视觉体验。模态窗口在网页设计中被广泛应用于弹出对话框、信息提示或者轻量级的内容展示,而Custombox正是这类需求的...
3. JavaScript/jQuery:JavaScript代码用于处理模态窗口的显示和隐藏逻辑。例如,当用户点击按钮时,通过修改`<div>`的CSS属性(如`display`)来显示或隐藏模态窗口。此外,可能还会包含关闭按钮的事件处理函数,...
一、JavaScript模态窗口基础 1. DOM操作:创建模态窗口的HTML结构,通常包括一个隐藏的模态元素(如div)和相关的按钮触发器。例如: ```html <span class="close">× 这是一个模态窗口示例。 ``` 2...
3. **JavaScript功能**:JS是实现模态窗口弹出和关闭的核心。你可以通过添加事件监听器来触发模态窗口,比如点击按钮、链接或者其他元素。同时,还需要编写代码来控制模态窗口的显示和隐藏,比如更改`display`属性或...