`
JavaTestJava
  • 浏览: 55257 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

用javascript实现父窗口与子窗体交互。

阅读更多
父页代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<html>
 <head>
  <title> new document </title>
 </head>
<script language="javascript" >
function opennew(){
window.open("deplist.html","mywin", "menubar=no,width=400,height=500,resizeable=yes");

}

</script>
 <body>
<form id="form1" >
Value:<input name="list" type="text" value="">
Text:<input name="dizhi" type="text" value="">
<input type="button" value="打开" onclick="opennew()">

</form>
  
 </body>
</html>



子页代码
<html>
<head></head>
<script language="javascript">
function setValue(){
   
var depcode = depfrm.subdepart.options[depfrm.subdepart.selectedIndex].value;
var depname = depfrm.subdepart.options[depfrm.subdepart.selectedIndex].text;
//alert(depcode);
//alert(depname);
self.opener.document.all.form1.list.value=depcode;
self.opener.document.all.form1.dizhi.value=depname;

window.close();
}

</script>
</html>
<body>
<form id="depfrm" >
<table width="200px">
<tr>

<select name="subdepart"  size="20" >
<option value="aaa">天涯</option>
<option value="aaa2">天涯2</option>
</select>
<br>
     <input type="button" onclick="setValue()" value="确定">
</tr>
</table>
</form>
</body>

</html>




其中,父窗页面你随便命名好了。这里子窗页面是deplist.html
对效果没影响只是怕到时候有人打不开.&__&
1
0
分享到:
评论

相关推荐

    js 父窗体子窗体数据交互

    在网页开发中,有时我们...通过以上技术,我们可以实现JavaScript中的父窗体与子窗体之间的数据交互,为用户提供更加丰富和灵活的界面体验。在实际项目中,应根据需求选择合适的通信方式,并考虑安全性和兼容性问题。

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

    总结来说,利用模态对话框实现父窗体与子窗体间的数据传递是一种常见的Web交互设计模式。虽然`showModalDialog`在某些浏览器中已被废弃,但通过理解其工作原理,我们可以找到替代方案,如HTML5的`&lt;dialog&gt;`元素或...

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

    在【标题】"html 模态窗口子窗体调用父窗体的任何函数"中,我们将探讨如何在模态子窗口中实现对父窗口功能的调用。 模态子窗口通常由JavaScript或者jQuery库(如Bootstrap)创建,它们可以通过事件监听或回调函数与...

    js 子窗体调用父窗体中的方法

    在网页开发中,有时我们需要在弹出的子窗口与父窗口之间进行交互,例如子窗口向父窗口传递数据或调用父窗口的方法。这在处理用户界面交互和数据同步时非常常见。本篇将详细讲解如何使用JavaScript实现子窗体调用父...

    Web页面实现子窗体更新父窗体

    在Web开发中,有时我们需要实现一个交互功能,即子窗口(通常是弹出窗口或iframe)与主窗口(父窗口)之间的通信,以便在子窗口中进行操作后更新父窗口的状态。这种技术通常用于用户在子窗口中填写表单或者进行其他...

    ShowModalDialog父窗体向子窗体传值

    总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...

    js实现ifram取父窗口URL地址的方法

    本文介绍的JavaScript方法,就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常...

    子窗体传值给父窗体的select

    1. **子窗体与父窗体通信**:在JavaScript或者类似的客户端脚本语言中,子窗体和父窗体之间的通信可以通过多种方式实现。如果子窗体是弹出的模态对话框,通常可以通过事件监听和回调函数来传递信息。例如,可以在子...

    子窗体最大化与父窗体菜单合并的案例

    本案例探讨的是在ASP.NET(一个基于Web的.NET Framework应用开发平台)和WinForms(Windows桌面应用程序开发框架)中,如何实现子窗体的最大化以及与父窗体的菜单合并。这一功能常见于需要多个窗口协同工作的复杂...

    子窗口通过js操作父窗口中的元素

    在网页开发中,有时我们需要在弹出的子窗口中对父窗口进行操作,例如更新父窗口的数据或控制其显示状态。这种场景下,就需要利用JavaScript(JS)来实现跨窗口的交互。本教程将深入探讨如何在子窗口通过JS操作父窗口...

    JS子窗口调用父窗口

    在JavaScript中,有时我们需要从一个子窗口(通常是通过`window.open()`方法打开的新窗口)与父窗口(即打开该新窗口的原始窗口)之间进行交互。这种交互可能包括调用父窗口中的函数或修改父窗口中元素的状态等。...

    一个采用AJAX (ASP.NET 2.0)实现子窗体关闭父窗体异步刷新程序例子

    此例子"一个采用AJAX (ASP.NET 2.0)实现子窗体关闭父窗体异步刷新程序"就是针对这一目标设计的,它探讨了如何在ASP.NET 2.0环境中通过AJAX技术实现在子窗口关闭时,条件性地刷新父窗口的部分内容。 首先,我们需要...

    无刷新 子窗体传值父窗体

    总结来说,"无刷新子窗体传值父窗体"的技术实现涵盖了JavaScript事件、DOM操作、HTML5新特性、前端框架等多个方面,这些技术的应用能够提升Web应用的用户体验,使得页面交互更加流畅。在学习和实践中,理解并熟练...

    asp获取子窗体返回值

    总的来说,"asp获取子窗体返回值"这一知识点主要涉及了ASP页面间的通信、JavaScript的窗口对象以及客户端与服务器端的交互机制。掌握这一技术,可以极大地提升Web应用的用户体验,特别是在进行数据验证、表单提交...

    如何刷新某窗体的父窗体

    这段JavaScript代码首先使用`window.opener`属性获取到父窗口的引用,然后改变其`location.href`属性,达到刷新父窗口的目的,同时通过`window.close()`关闭当前子窗口。 在实际调用这个方法时,你可以将当前页面...

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

    EasyUI提供了一种方式,通过`parent`关键字来访问父窗口的对象,从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子...

    .NET中利用js让子窗体向父页面传值的实现方法.docx

    在.NET开发中,有时我们需要在子窗口和父...这种方法适用于.NET框架下的Web应用程序,通过JavaScript和C#的交互,实现子窗口与父窗口的数据通信。在实际开发中,根据具体需求,可以对这个过程进行适当的调整和扩展。

    通过window.opener控制父窗体

    在Web开发中,有时我们需要在弹出的子窗口与打开它的父窗口之间进行通信。"通过window.opener控制父窗体"这个主题就是关于如何在JavaScript中实现这种跨窗口交互的技术。下面将详细阐述这个知识点。 一、window....

    js关闭子窗体刷新父窗体实现方法

    另一种情况是使用`window.showModalDialog()`方法打开子窗口,这个方法会显示一个模态对话框,用户必须关闭对话框才能与父窗口进行交互。当子窗口关闭时,可以设置`window.returnValue`来传递信息给父窗口,如下所示...

    JavaScript子窗口ModalDialog中操作父窗口对像

    在JavaScript编程中,有时我们需要在弹出的子窗口(如ModalDialog)中操作父窗口的元素,例如修改某个文本框的值或者触发某些交互。在处理这种情况时,必须遵循特定的规则,因为直接使用`window.parent`在Modal...

Global site tag (gtag.js) - Google Analytics