js window.opener 子页面 父页面 传值

1、建立父级页面，首先建立一个父级页面parenthtml,代码如图，一个pop函数方法，一个链接到childhtml的iframe标签；

2、建立子页面，再新建一个childhtml页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到windowparentpop()方法。

3、预览页面，预览页面，可明显看到parenthtml里面的iframe框架，指向的就是child子页面

4、错误提示，点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。

5、站点配置，打开iis，右键iframe文件夹——“管理文件夹”——“浏览”；即可打开本地测试地址；（如小伙伴没配置iis，需要先配置iis建立站点）

6、成功调用父级方法，再次点击“调用父级pop方法”的文字链，即可成功d出提示。

①jquery在父页面 获取iframe子页面的元素

代码如下:（objid为子页面的id）

$("#objid",documentframes('iframename')document)

②js 在父页面获取iframe子页面元素代码如下:

windowframes["iframe_ID"]documentgetElementByIdx_x("元素id");

以上两种都能获取到子页面中的元素，再根据元素去获取元素的值就可以了。

windowopen("sUrl","sName","sFeature","bReplace"); windowopen 返回为对象,返回对新的window对象的引用---------------------------------------------------------------------------------------------------------------------------------------------------------- 方法： 1: 在父级页面 testaspx 的点击<input type="button" id="btnShow" onclick="showItem();" value="显示子窗体"/>按钮触发 ，然后 ： <script language="javascript" type="text/javascript">

function showItem() { var win = windowopen("test2aspx",null," height=300,width=450, Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no"); } 2: 在子级页面test2aspx的点击<input type="button" id="btnSelect" onclick="check();" value="选择"/> 按钮触发，然后： <script language="javascript" type="text/javascript">

windowopenerdocumentgetElementById("txtName")value=name; } 这样，父级页面的documentgetElementById("txtId") 和 documentgetElementById("txtName") 2个控件就可以得到子级页面的返回值。

你说的子页面是指iframe中的页面吗？如果是在同域的情况下在父页面你可以这样，使用jQuery

$(windowframes['父页面上iframe的name']document)find("子页面上按钮的class")

这样你就得到子页面上的按钮了，你想怎么做就完全由你决定了，想干啥都行

你的子页面是一个iframe吗？如果是这样，你可以往iframe的url传入一个参数如btnid：

>

我还是写个简单的例子吧：

父页面的js：

$("btn")click(function(){

    $("#child-frame")src=">});

子页面的js：

var id = locationsearchsubstr(1);

以上就是关于js window.opener 子页面 父页面 传值全部的内容，包括:js window.opener 子页面 父页面 传值、jquery，iframe,如何在父窗口监听，子窗口发生改变时，父窗口获取子窗口的值、JS 用window.open()函数，父级页面如何取到子级页面的返回值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！