`

模态窗口与非模态窗口

阅读更多

 

1. 非模态窗口刷新

 在父页面打开子页面代码为:

window.open(url,' ','height= 500px, width= 760px');

 

子页面刷新父页面代码为:

window.opener.document.location.reload();

 

2.模态窗口刷新

 父页面打开子页面:

window.showModalDialog(url,'window','dialogHeight:550px; dialogWidth:800px;  ');

             

子页面刷新父页面:

window.dialogArguments.location.reload();

 

注:一般打开子页面后,想在子页面进行一些操作,提交action,但点击按钮查询时,老是弹出新窗口,而不是在原窗口查询。解决方法:<head></head>之间加入<base  target="_self"> ,引入这一语句,位置放置的不好又有可能一起另一错误:Internet 无法打开。这一问题的解决可以查看:http://wibiline.iteye.com/blog/387201

 

 

 

3. 模态窗口到非模态窗口,session丢失

 

打开模态窗口A后,要在A上打开非模态窗口B时,就会出现session丢失的情况。

打开A的代码:

window.showModalDialog(url,self,'dialogHeight:500px; dialogWidth:760px;  ');

打开B的代码:

window.open(url,'','height= 500px, width= 760px,);

 

解决问题的办法:

 

打开A的代码为:

window.showModalDialog(url,window,'dialogHeight:500px; dialogWidth:760px;  ');

而要在A页面打开B,代码如下:

Js代码   收藏代码
  1. var openobj = window;   
  2. if(typeof(window.dialogArguments) == "object")   
  3. {   
  4.       openobj = window.dialogArguments;   
  5. }  
  6.  openobj.open(url,'','height= 500px, width= 760px;');   

 

分享到:
评论

相关推荐

    MFC模态窗口与非模态窗口兼容窗口类

    基于VS2015编译的MFC模态窗口与非模态窗口兼容窗口类,解决默认窗口类框架在非模态模式下没有真正释放类资源的问题,同时兼容模态窗口模式。 VS版本低于2015时,可以参考窗口类框架。 博文参考...

    MFC模态窗口、非模态窗口、树控件的使用

    这是Visual Studio的MFC项目,展示了模态窗口、非模态窗口的使用。弹出模态窗口就会阻塞父窗口,并且展示了C++读取鼠标位置的方法。非模态窗口则不会阻塞父窗口。 主窗口展示了树控件的使用方法。

    Jquery实现模态窗口效果

    在网页设计中,模态窗口(Modal Window)是一种常见的用户交互设计模式,它可以在不离开当前页面的情况下显示新的内容或进行交互操作。JQuery,一个轻量级、高性能的JavaScript库,提供了简单易用的API来实现这种...

    easyui 模态窗口插件

    模态窗口是一种阻止用户与主页面交互,直到关闭该窗口为止的窗口形式。在网页设计中,模态窗口常用来创建沉浸式体验,使用户专注于特定任务,而不会被其他元素分心。 EasyUI 的模态窗口组件可以通过以下HTML代码...

    C++非模态窗口实现

    在C++编程中,非模态窗口(Non-modal dialog)是一种常见的用户界面元素,它允许用户与窗口同时交互,而不阻塞主应用程序窗口。非模态窗口通常用于提供额外的功能或者展示信息,用户可以在处理非模态窗口的同时继续...

    DIV模态窗口实现

    模态窗口的关键特性是它能覆盖页面的其余部分,阻止用户与背景内容交互,直到关闭模态窗口为止。这通常通过设置背景的透明度和点击事件处理来实现。 在VS2010(Visual Studio 2010)中打开项目,我们可以期待看到...

    透明非模态窗口作图测试

    相反,非模态窗口允许用户在不关闭该窗口的情况下,与其他窗口进行交互。这提高了用户的多任务处理能力,使他们可以并行执行不同的操作。 透明非模态窗口作图测试的主要目的是验证以下几点: 1. **透明度控制**:...

    div css窗口 模态窗口

    模态窗口是一种弹出式的对话框,它会覆盖住主页面,使得用户必须先与模态窗口交互才能继续操作主页面,从而引导用户注意力并完成特定任务。在本篇中,我们将深入探讨如何使用 `div` 和 `css` 实现模态窗口,并结合 `...

    java多级模态窗口java多级模态窗口

    java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态...

    MFC学习之模态对话框和非模态对话框

    非模态对话框则允许用户在不关闭对话框的情况下与其他窗口进行交互。非模态对话框通常用于持续存在的工具窗口或设置窗口。在MFC中,非模态对话框由`CDialog`的派生类和`Create`函数创建。创建非模态对话框的步骤与...

    模态窗口和非模态窗口

    创建非模态对话框则使用`window.showModelessDialog()`方法,它的用法与模态对话框相似,只是不返回`returnValue`,而是返回新窗口的引用,可以通过这个引用与非模态窗口进行交互。 控制对话框的大小和位置,可以在...

    html 模态窗口使用

    而非模态窗口(Modeless Dialog)则允许用户同时与主窗口和其他窗口进行交互。在HTML中,实现这两种类型的窗口通常依赖于JavaScript,尤其是IE中的`showModalDialog()`和`showModelessDialog()`方法。 #### IE中的...

    5个Jquery模态窗口

    基本思路是在页面上创建一个隐藏的div(模态窗口),当需要弹出时,通过改变其CSS属性使其可见,并添加必要的遮罩层,以阻止用户与背景内容的交互。 2. **基本结构**: - **模态窗口容器**:用于放置模态窗口内容...

    模态窗口的程序

    模态窗口在软件开发中是一种常见的用户界面设计元素,它是一种特殊的窗口,当模态窗口出现时,用户必须先与该窗口交互,处理完其中的任务,才能继续操作应用程序的其他部分。这种窗口强制用户按照特定的流程进行操作...

    模态窗口解决方案

    ### 模态窗口解决方案:全面解析与跨浏览器支持 在现代网页设计中,模态窗口(Modal Window)作为一种常见的交互模式,被广泛应用于各种场景,如登录框、弹出提示、对话框等。然而,不同浏览器对模态窗口的支持程度...

    jquery 模态窗口

    模态窗口,又称对话框,是一种用户界面元素,它要求用户与之交互(如点击按钮或输入数据)后才能继续进行其他操作。在网页中,模态窗口通常用于展示通知、表单填写、确认操作等场景。 ### 2. jQuery UI Dialog ...

    模态与非模态子窗口调用主窗口控件学习

    在编程领域,尤其是在GUI(图形用户界面)设计中,模态和非模态子窗口是两种常见的窗口...通过对这些示例的深入学习,你将能够灵活地在自己的项目中应用模态与非模态子窗口,提高用户界面的交互性和程序的可维护性。

    分页后弹出模态窗口刷新父窗口

    2. **模态窗口**:模态窗口是一种特殊的对话框或窗口,在其打开期间,用户不能与背后的界面进行交互。模态窗口常用于需要用户输入或确认信息的场景,比如编辑个人信息、删除确认等。 - 给定代码中的`window....

    使用div仿javascript模态窗口

    在网页设计中,模态窗口(Modal Window)是一种常见的用户界面设计模式,它可以在当前页面上弹出一个半透明的对话框,强制用户与之交互后再继续操作。本资源主要探讨如何使用HTML `&lt;div&gt;` 元素来实现类似JavaScript...

    可拖拽的非模态窗口(满足在特定区域内)--bootstrap样式

    与传统的模态对话框不同,非模态窗口不会阻止用户与页面的其他部分进行交互。它们通常用于显示额外的信息或功能,而不会中断用户的流程。Bootstrap提供了一种创建模态窗口的方法,但默认情况下,这些窗口是固定的,...

Global site tag (gtag.js) - Google Analytics