`
xq30397022
  • 浏览: 13800 次
  • 性别: Icon_minigender_1
  • 来自: 天津
文章分类
社区版块
存档分类
最新评论

关于子页面与父页面的关闭和弹出

 
阅读更多
先定义2个页面 father 和 son
如果是纯html页面的话 father.html son.html,想要弹出子窗口
在father.html中写:
<script type="text/javascript">
function showmessage(){
window.showModalDialog("son.html","window","dialogWidth:500px;DialogHeight=300px;status:no;scroll=no;help:no;resizable:no;toolbar=no; menubar=no;");
}
</script>
在son.html中写:
<script>
function closeSelf(){
//window.location = "/oa/jsp/message/message.jsp";
window.close();
}
</script>
在这里之所以要区分是html页面还是其他页面是有原因的,如果你写的是jsp页面,上面的代码在IE中将无法实现你的设想,在火狐下不影响。
在IE中想要实现你就要把子窗口的页面路径写成绝对的把
window.showModalDialog("son.html","window","dialogWidth:500px;DialogHeight=300px;status:no;scroll=no;help:no;resizable:no;toolbar=no; menubar=no;");
改成
window.showModalDialog("/test/son.html","window","dialogWidth:500px;DialogHeight=300px;status:no;scroll=no;help:no;resizable:no;toolbar=no; menubar=no;");
否则IE无法识别
另外注意你超链接的提交方式:
在html中可以是空链接,但在jsp中改成<a href="javascript:showmessage();">(showmessage()方法为你打开子页面的方法。)
关于这一点,无论是什么浏览器都要修改!

分享到:
评论

相关推荐

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    弹出层关闭父页面刷新

    这个功能常见于数据编辑或者信息确认场景,用户在子窗口中完成操作后,返回父页面看到最新的数据。下面将详细解释如何实现这个功能。 首先,我们要理解什么是“弹出层”。在Web开发中,弹出层通常是指通过...

    在html页面中弹出子页面效果

    - 考虑用户体验,避免频繁弹出子页面,确保用户可以轻松关闭。 - 对于响应式设计,要考虑不同设备的屏幕尺寸,调整弹出窗口的大小和位置。 - 如果子页面需要传递数据,可以使用URL参数或利用cookies/localStorage...

    子窗口与父窗口刷新

    这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景下,用户在子窗口中操作并提交数据后,可能希望父窗口能即时显示最新的数据,而不是手动刷新整个页面。...

    iframe弹出框遮罩父类页面

    4. **事件处理**:确保在父页面中,如果有需要与子页面进行交互的事件,例如关闭弹出框,可以使用JavaScript的`parent`对象来访问父页面的元素或函数,从而实现通信。 5. **布局与样式**:对于`layout.html`,可能...

    弹出框选择 返回父页面值

    当用户在B页面完成选择后,将选定的值存储起来,然后在关闭弹出框时触发一个事件,将存储的值读取并传递给父页面。 2. **URL参数**:如果B页面是通过URL打开的,那么可以在URL后面添加查询参数来传递数据。当用户从...

    刷新父窗口的多种方法

    除了通过弹出子页面来刷新父窗口外,还可以通过子窗口本身来刷新父窗口。这种情况下,子窗口通常是由父窗口通过某些方式(如点击链接或按钮)触发打开的。 **JavaScript代码示例:** ```javascript // 子窗口中的JS...

    子窗口传值到父窗口.rar

    这通常发生在弹出窗口或者框架集等场景中,用户在子窗口进行操作后,需要将结果反馈给父窗口,以便更新父窗口的状态或展示相关信息。这个过程就称为“子窗口传值到父窗口”。在JavaScript中,我们可以利用多种方法...

    子窗口刷新父窗口总结

    本文档将深入探讨如何在子窗口关闭时刷新父窗口,包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window.open()`刷新父窗口 `window.open()`方法用于创建一个新的...

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    **子窗口关闭时返回值到父窗口:** 当子窗口关闭时,可以通过`window.returnValue`属性设置返回值。父窗口在调用`showModalDialog`后会得到这个值。例如,在子窗口中: ```javascript window.returnValue = "返回的...

    C# winform 子窗体调用父窗体函数实现关闭该窗体打开另一个窗体

    C# winform 子窗体调用父窗体函数实现关闭该窗体打开另一个窗体;在父窗体分From1内嵌一个panel1,在panel1里载入From2,点击在子窗体From2中的按钮,清除panel1里的From2,新载入From3,点击在子窗体From3中的按钮...

    javascript 父窗口、子窗口传值问题

    在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先,我们需要理解“父窗口”和...

    js弹出一个新页面并获得弹出页面的值

    根据提供的文件信息,本文将详细解释如何使用JavaScript在父页面中弹出一个新的窗口,并从这个新弹出的窗口中获取数据。此技术常用于需要在当前页面与另一个页面之间进行数据交互的应用场景。 ### 一、理解弹窗原理...

    layer弹窗弹出子页面

    要使用layer弹出子页面,我们需要先引入layer库和jQuery库。在HTML文件头部添加以下代码: ```html &lt;script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"&gt;&lt;/script&gt; ...

    弹出窗口取值并返回

    这个过程涉及到在主窗口(或称为父页面)中触发一个弹出窗口(子页面),用户在子页面中输入信息,然后将这些信息传递回父页面。下面将详细讲解这一过程的关键知识点。 1. **弹出窗口的实现方式**: - **模态...

    aspx页面弹出窗口代码大全

    AjaxUpdatePanel可以更新部分页面,而ModalPopupExtender则能创建模态弹出窗口,阻止用户与背景内容交互,直到弹窗关闭。 4. **CSS和HTML:** - 通过CSS和HTML,可以创建自定义的弹出层,例如使用`position: fixed...

    子父窗口传值

    在这个场景中,"子父窗口传值"指的是在同一个Web应用中,子页面(通常是弹出窗口或iframe)向父页面传递数据,或者父页面向子页面传递数据,以实现特定的功能交互,而这种交互通常是为了避免不必要的后台通信,提高...

    layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

    本篇文章提供了一个Layer弹出框中子层给父层页面元素赋值的实例,展示了Layer弹出框的基本使用、父层页面和子层页面的数据传递、隐藏输入框的使用、Window对象的使用、Layer弹出框的关闭、Controller方法的使用和...

    javascript实现从子页与父页传递参数

    在JavaScript编程中,有时我们需要在不同的页面之间传递数据,特别是在有子页面弹出或新窗口打开的情况下。这个过程可以通过多种方式实现,包括使用全局变量、URL查询字符串、存储在window对象上或者通过JavaScript...

    JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf

    总结来说,JavaScript提供了一套强大的功能,可以用来创建、控制和交互窗口,包括弹出新窗口、自定义窗口属性,以及在特定事件(如窗口关闭)时执行操作。通过理解并运用这些技术,开发者可以为用户提供更加丰富和...

Global site tag (gtag.js) - Google Analytics