打开子窗口,子窗口关闭,父窗口跳转
这里一共有四个文件:first.jsp open.jsp second.jsp jump.js
first.jsp:父窗口
<html>
<script language="javascript" src="jump.js">
</script>
<body>
<p>first.html</p>
<form name ="first" method="post" action="second.jsp">
<input name="firstin" type="text" size="20" /><input type="button" value="提交" onclick="openNew(document)" />
</form>
</body>
</html>
open.jsp :子窗口
<html>
<script language="javascript" src="jump.js">
</script>
<body>
<p>open.html</p>
<form name ="open" method="post" action="" >
<input name="openin" type="text" size="20" /><input name="" type="submit" value="提交" onclick="DataSubmit()" />
</form>
</body>
</html>
second.jsp:first.jsp跳转窗口
jump.js:页面跳转的JavaScript代码
function openNew(first)
{
window.showModalDialog("open.jsp",first,"DialogWidth:800px;DialogHeight:600px");
};
function DataSubmit()
{
var a = window.dialogArguments;
alert(a.first.firstin.value);
a.first.submit();
window.close();
};
分享到:
相关推荐
### 子窗口iframe跳转到父窗口的知识点详解 #### 一、背景介绍 在现代Web开发中,`iframe`(Inline Frame)是一种常见的技术,用于在当前网页中嵌入另一个网页或文档。通过`iframe`,开发者可以实现丰富的功能,如...
1. **父窗口打开子窗口:** 通常情况下,父窗口可以使用window.open()方法打开一个子窗口。例如,父窗口中的JavaScript代码可以写成这样: ```javascript var childWindow = window.open('子窗口的URL', '窗口名称...
在子父窗口交互中,我们通常会用到`window`对象的一些特性,如`window.location`(获取或设置当前窗口的URL)、`window.open()`(打开新窗口)和`window.close()`(关闭当前窗口)。 2. **窗口间的通信**: 在子...
另一种情况是使用`window.showModalDialog()`方法打开子窗口,这个方法会显示一个模态对话框,用户必须关闭对话框才能与父窗口进行交互。当子窗口关闭时,可以设置`window.returnValue`来传递信息给父窗口,如下所示...
### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`<meta>`标签)、...
在JavaScript中,有时我们需要从一个子窗口或者新打开的页面操作或通信到其父窗口。例如,当用户在子窗口中完成某个操作后,可能希望更新父窗口的状态或显示一些信息。在这种场景下,我们可以使用`window.opener`...
在子窗口中,`window.opener`属性引用的是打开该子窗口的父窗口。因此,`window.opener.location.reload()` 将父窗口的地址栏中的URL重新加载,相当于用户点击浏览器的刷新按钮。值得注意的是,如果父窗口在刷新前...
在Delphi中,关闭MDI子窗口不是简单地调用Close方法,而是需要通过父窗口来执行,例如使用`Application.MainForm.CloseChildForm(AChildForm)`,这里的AChildForm是需要关闭的子窗口对象。 "Ctrl+F12切换代码(即....
本文将详细探讨在MVVM模式下如何实现窗体间的跳转、窗体的拖动以及窗口的显隐控制。 1. MVVM模式简介 MVVM模式的核心思想是解耦视图和业务逻辑,通过数据绑定将View与ViewModel连接,ViewModel再与Model交互。这样...
这个源码示例显然提供了实现这一功能的方法,使得在子窗口中进行的数据操作能够实时地反映到父窗口上。这在开发具有复杂用户交互的应用程序时非常有用,比如在多步骤的表单填写或者在不同界面间跳转时保持数据一致性...
当事件触发时,通过`window.parent`引用父窗口,并调用Lightbox函数来打开图片。 ```javascript $('#yourImageElement').click(function(event) { event.preventDefault(); // 阻止图片默认的跳转行为 var img...
这种方式适用于子框架或iframe内的页面跳转至父窗口中的另一个页面。通过修改`parent`对象的`location`属性来实现跳转。 #### 2. 使用`window.open`方法 ```javascript window.open('目标URL'); ``` 此方法用于在...
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,...,在子页面提交后即可刷新父页面跳转到指定的请求页面. 此资源由网友提供。谢谢!
例如,子页面可以通过`parent.layer.close(index)`关闭自身,并传递一些数据给父页面进行处理。 此外,需要注意的是,由于同源策略的限制,只有同源的页面之间才能互相访问对方的变量和方法。如果子页面是跨域的,...
在本文中,我们将介绍 JavaScript 页面跳转常用代码,包括页面刷新、自动刷新、自动跳转、框架刷新、子窗口刷新和页面关闭等。 页面刷新 JavaScript 中有多种方式可以实现页面刷新,包括: 1. `history.go(0)` 2....
在ASP.NET中,服务器端代码可以输出刷新父窗口的脚本,如: 1. `this.response.write("<script>opener.location.reload();</script>");` 2. `this.response.write("<script>opener.window.location.href = opener....
// 关闭当前子窗口 window.close(); // 子窗口调用父窗口方法 opener.getId(); ``` 子窗口可以调用`window.opener`来访问父窗口的对象和方法,实现交互,如刷新、调用方法等。 以上就是文件中提到的六种JS提交方式...
如果子窗口想要改变父窗口的内容,可以使用`parent`或`top`关键字。例如,`parent.myVariable = newValue;`可以用来更新父窗口中的变量。同时,`window.opener`属性可用于引用打开当前窗口的窗口,这样也可以进行...
在子窗口中,我们可以使用父窗口传递的参数来实现相应的逻辑操作。例如,在上面的代码中,我们使用传递的 ids 和 names 数组来生成选择框的选项。 layui 弹窗父子窗口之间传参数的方法可以通过使用 layer.open() ...
当然,也可以使用opener对象来获得父窗口的对象并进行刷新,如"window.opener.document.location.reload();"。 总结来说,页面跳转是Web开发中的一个重要知识点,尤其在涉及iframe嵌套页面时。掌握本页面跳转、上一...