jquery，iframe,如何在父窗口监听，子窗口发生改变时，父窗口获取子窗口的值_框架

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

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

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

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

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

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

方法一~~~~~~~~~~~~~~~~~~~~~~

主窗口：

var a = "12345";

function newpage(){

windowopen("子窗口html" + "" + a);

}

</script>

子窗口html

var addstr= documentURL;

var num=addstrindexOf("")

addstr=addstrsubstr(num+1);

alert(addstr);

</script>

方法二：~~~~~~~~~~~~~~~~~~~~~~~

主窗口：

var a = "12345";

function newpage(){

documentgetElementById("hid")value = a;

windowopen("2html");

}

</script>

子窗口：

var prtW = windowopener;

var prtA;

if(prtW!=null){

prtA = prtWdocumentgetElementById("hid")value;

alert(prtA);

}

</script>

　JS子窗口调用父窗口的方法：

　框架（iframe）形式，这时用到是windowparent， windowparent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否是顶层窗口。详情如下：

1、1html代表的是父窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "

<html xmlns="

<head>

<meta

2、2html代表的子窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "

<html xmlns="

<head>

<meta ;

这时在子窗口（iframe窗口）所做的改变，会改变父窗口中username的值。

1、父页面

代码如下:

2、子页面，也就是ahtml获取父页面中文本框的value

代码如下:

$(function(){

consoleinfo(windowopenerdocumentgetElementById("name")value);

});

这样控制台中出来的则是父页面文本框的值

直接改成parentdocumentgetElementById("NO")value = documentgetElementById("no")value;

其中：parentdocumentgetElementById("NO")value就是得到父窗口id为NO的表单值！

在子窗体获取父窗体的window即可

比如父窗体有个“test”的方法

name就在子窗体获取父窗体执行test方法

windowparent["test"]();

或者

windowparenttest();

在js中，我们时常用到用iframe做系统框架，在子页面也，父页面之间的值传递是一个问题，下面是js获取父窗体和子窗体的对象js：

1在iframe子页面中获取父页面的元素：

a>windowparentdocument这个是获取父页面document中的对象；

b>如果要获取父页面js中的方法：windowparentxxxx（）；xxxx()为方法；

2在父页面中获取iframe子页面中的元素：

var child =

documentgetElementByIdx_x("mainFrame")contentWindow;//mainFrame这个id是父页面iframe的id

childdocument;//获取子页面中的document对象；

以上就是关于jquery，iframe,如何在父窗口监听，子窗口发生改变时，父窗口获取子窗口的值全部的内容，包括:jquery，iframe,如何在父窗口监听，子窗口发生改变时，父窗口获取子窗口的值、JS 父窗口向子窗口传值问题、Javascript 子窗口调用父窗口js方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/9293183.html

jquery，iframe,如何在父窗口监听，子窗口发生改变时，父窗口获取子窗口的值

发表评论

评论列表（0条）