javascript 子窗体父窗体相互传值方法

在JavaScript编程中，子窗体与父窗体之间的数据传递是前端开发中常见的需求。当通过JavaScript的window.open函数打开一个新的浏览器窗口时，这个新窗口被称为子窗体（子窗口），而打开这个新窗口的页面则被称为父窗体（父窗口）。在父窗体和子窗体之间传递数据可以通过多种方式实现，下面介绍的是基于window.open方法实现父窗体与子窗体间的数据交换。 ### 使用window.open函数 在父窗体中，使用window.open函数可以打开一个新的子窗体，并可以对这个新窗体的位置、大小等属性进行设置。函数的一般形式为： ```javascript window.open(url, windowName, windowFeatures); ``` - `url`：子窗体将要加载的页面地址。 - `windowName`：定义了新创建的子窗体的名称。 - `windowFeatures`：一个可选的字符串，用来设置子窗体的各种特性，比如大小、位置、状态栏等。 例如，父窗体代码中的`SelectArcListA`函数利用window.open创建了一个新的子窗体，并通过URL参数传递了父窗体需要的数据： ```javascript function SelectArcListA(fname){ var posLeft = 10; var posTop = 10; window.open("content_select_list.asp?f=" + fname + "&k=" + form1.keyword.value, "selArcList", "scrollbars=yes,resizable=yes,statebar=no,width=700,height=500,left=" + posLeft + ",top=" + posTop); } ``` ### 子窗体向父窗体传递数据 子窗体向父窗体传递数据通常通过父窗体在打开子窗体时保留的引用（opener）来实现。在子窗体中使用`window.opener`对象来访问父窗体的属性和方法，并进行修改。通过这种方式，子窗体可以向父窗体传递信息。 在上述代码示例中，子窗体的`ReturnValue`函数通过`window.opener.document.form1.xiangguanid.value`来获取父窗体中表单元素的值，并进行数据更新： ```javascript functionReturnValue(){ if(window.opener.document.form1.xiangguanid.value==""){ window.opener.document.form1.xiangguanid.value=getCheckboxItem(); }else{ window.opener.document.form1.xiangguanid.value+=","+getCheckboxItem(); } alert("成功增加你选中的ID，你可以继续增加"); } ``` ### 子窗体的操作 子窗体也可以对自身进行操作，例如上面示例中的`selAll`和`noSelAll`函数，可以实现全选和全不选的操作。 ```javascript functionselAll(){ for(i=0;i<document.form2.arcID.length;i++){ if(!document.form2.arcID[i].checked){ document.form2.arcID[i].checked=true; } } } functionnoSelAll(){ for(i=0;i<document.form2.arcID.length;i++){ if(document.form2.arcID[i].checked){ document.form2.arcID[i].checked=false; } } } ``` ### 关于补充说明 补充说明中提到的“模式窗体传值”可能指的是在弹出的子窗体中用户输入数据后，将这些数据传回父窗体的一种模式。父窗体通过特定的方式，如弹出模态窗口让用户操作并返回结果，这是许多现代Web应用程序的标准做法。 在父窗体的补充代码中，我们看到有对子窗体和模态窗口的引用： ```html <METANAME="Generator"C ``` 由于OCR技术限制，这部分代码被扫描出有错误，但可以推断出这是一个有关页面元信息的标记。 ### 结语 通过JavaScript的window.open方法，可以灵活地在父窗体和子窗体间进行数据传递。在使用时，需要注意的是安全性问题和浏览器的同源策略限制，确保在允许的范围内操作。通过上述代码示例，可以了解到如何在父窗体和子窗体间传递数据的基本方法，并且这些技术广泛应用于许多内容管理系统（CMS）和各种Web应用程序中。