父页面获取iframe中的内容_框架

父页面读写 *** 作子页面：

windowonload = function () {

下面两种获取节点内容的方式都可以。

由于 IE6, IE7 不支持 contentDocument 属性，所以此处用了通用的

windowframes["iframe Name"] or windowframes[index]

var d = windowframes["test-iframe"]document;

dgetElementsByTagName('h1')[0]innerHTML = 'pp';

alert(dgetElementsByTagName('h1')[0]firstChilddata);

}

</script>

注：在请务必通过 windowonload 方法访问 iframe 中的节点，否则浏览器会提示错误-拒绝访问。在 IE8, Firefox36, Opera11 下在 DOMReady 时也可以访问 iframe 中的节点。

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

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

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

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

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

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

代码如下:

function alert_window(picurl,h_id)

{

documentparentWindowparentmsg(picurl,h_id);

}

//msg()为父窗口定义的函数

card-iframe是iframe框架的id，b()为子页面js函数。

contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。

在父窗口中获取iframe中的元素

1、

格式：windowframes["iframe的name值"]documentgetElementByIdx_x("iframe中控件的ID")click();

实例：windowframes["ifm"]documentgetElementByIdx_x("btnOk")click();

2、

格式：

var obj=documentgetElementByIdx_x("iframe的name")contentWindow;

var ifmObj=objdocumentgetElementByIdx_x("iframe中控件的ID");

ifmObjclick();

实例：

var obj=documentgetElementByIdx_x("ifm")contentWindow;

var ifmObj=objdocumentgetElementByIdx_x("btnOk");

ifmObjclick();

在iframe中获取父窗口的元素

格式：windowparentdocumentgetElementByIdx_x("父窗口的元素ID")click();

实例：windowparentdocumentgetElementByIdx_x("btnOk")click();

jquery

在父窗口中获取iframe中的元素

1、

格式：$("#iframe的ID")contents()find("#iframe中的控件ID")click();//jquery 方法1

实例：$("#ifm")contents()find("#btnOk")click();//jquery 方法1

2、

格式：$("#iframe中的控件ID",documentframes("frame的name")document)click();//jquery 方法2

实例：$("#btnOk",documentframes("ifm")document)click();//jquery 方法2

在iframe中获取父窗口的元素

格式：$('#父窗口中的元素ID', parentdocument)click();

实例：$('#btnOk', parentdocument)click();

父窗获取子窗口的IFrame中的JS方法

一、父窗口调用iframe子窗口方法

1、HTML语法：<iframe name="myFrame" src="childhtml"></iframe>

2、父窗口调用子窗口：myFramewindowfunctionName();

3、子窗品调用父窗口：parentfunctionName();

简单地说,也就是在子窗口中调用的变量或函数前加个parent就行

4、父窗口页面源码：

复制代码代码如下:

<html>

<head>

function say() {

alert("parenthtml------>I'm at parenthtml");

}

function callChild()

{

//documentframes("myFrame")f1();

myFramewindowsay();

}

</script>

</head>

<body>

</body>

</html>

5、子窗口页面：

复制代码代码如下:

<html>

<head>

function say()

{

alert("childhtml--->I'm at childhtml");

}

function callParent() {

parentsay();

}

</script>

</head>

<body>

</body>

</html>

二、iframe 父窗口和子窗口相互的调用方法

1、IE中使用方法：

父窗口调用子窗口：iframe_IDiframe_document_objectobject_attribute = attribute_value

例子：onClick="iframe_textmyH1innerText='>

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

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

原文地址: http://outofmemory.cn/web/9580866.html

父页面获取iframe中的内容

发表评论

评论列表（0条）