子iframe 怎么读取父页面的元素_框架

在iframe子页面获取父页面元素

$('#objld', parentdocument);

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

代码如下:

$("#objid", documentiframes('iframe')document)

或

代码如下:

$(documentgetElementById('iframeId')contentWindowdocumentbody)html() $(documentgetElementById('iframeId')contentWindowdocumentbody)html()

显示iframe中body元素的内容

代码如下:

$("#testId", documentframes("iframename")document)html()

（1）父页面获取iframe中的元素值：

Js代码

1//根据iframe的id获取对象

2var i1 = windowframes['iframeId'];

3//var iframe =windowframes[0];也可以

4//获取iframe中的元素值

5var val=i1documentgetElementById("t1")value

//根据iframe的id获取对象

var i1 = windowframes['iframeId'];

//var iframe =windowframes[0];也可以

//获取iframe中的元素值

var val=i1documentgetElementById("t1")value

（2）在iframe中获取父页面中的元素值：

Js代码

1var val = parentdocumentgetElementById("txt1");

var val = parentdocumentgetElementById("txt1");

（3）a包含2个iframe分别为b,c，现在从b中获取c中的元素的值：

Js代码

1var i1 = parentwindowframes['iframeId'];

2var val = i1documentgetElementById("text1")value;

var i1 = parentwindowframes['iframeId'];

var val = i1documentgetElementById("text1")value;

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

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

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

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

4、父窗口页面源码：

复制代码代码如下:

<html>

<head>

<script

type="text/javascript">

function say() {

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

}

function

callChild()

{

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

myFramewindowsay();

}

</script>

</head>

<body>

<input type=button value="调用childhtml中的函数say()"

onclick="callChild()">

src="childhtml"></iframe>

</body>

</html>

$(function(){//相当天body的 onload，要等页页面加载完毕后才能找到iframe

$("#hong")contents()find("body")append("I'm in an iframe!");

});

</script>

父页面：

1、只能在网页与内嵌网页（iframe)同源时，网页才能访问内嵌页面中元素。

2、网页跟内嵌网页不同源，只能用”postMessage"发送信息。

如果JavaScript能获取跨域获取内嵌页面元素，那么黑客随意利用CSRF攻击，就能黑掉你的网页。

//1、格式：

windowframes["iframe的name值"]documenttitle;

//实例：

windowframes["ifm"]documenttitle;

//2、格式：

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

var ifmObj=objdocumenttitle;

//实例：

var obj=documentgetElementById("ifm")contentWindow;

var ifmObj=objdocumenttitle;

//3、格式：

windowparentdocumentgetElementById("父窗口的元素ID")title;

//实例：

windowparentdocumentgetElementById("ifm")title;

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

//1、格式：

$("#iframe的ID")contents()attr("title");//jquery 方法1

//实例：

$("#ifm")contents()attr("title");//jquery 方法1

//2、格式：

$(selector, windowtopdocument);; //jquery 方法2

//实例：

$(document, windowtopdocument)attr("title");//jquery 方法2

//类似的方法

$(selector, windowtopdocument);

$(selector, windowopenerdocument);

$(selector, windowtopframes[0]document);

以上就是关于子iframe 怎么读取父页面的元素全部的内容，包括:子iframe 怎么读取父页面的元素、子iframe 怎么访问父的 iframe方法、JQuery怎么获取子窗口的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

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

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

子iframe 怎么读取父页面的元素

发表评论

评论列表（0条）