Iframe父页面与子页面之间的相互调用
Posted Jade_g
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Iframe父页面与子页面之间的相互调用相关的知识,希望对你有一定的参考价值。
父页面:
<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body>
<div id="default">div内容</div> <iframe src="child.html" id="child"></iframe>
<script language="javascript" type="text/javascript">
function sayhello() {
alert(‘Hello World!‘);
}
var value = ‘value‘;
child.contentWindow.test(); </script> </body> </html>
子页面:
<!DOCTYPE html> <html> <head> <title>child</title> <meta charset="UTF-8"> <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(function() { //在iframe子页面中查找父页面元素 alert($(‘#default‘, window.parent.document).html()); //在iframe中调用父页面中定义的变量 alert(parent.value); //在iframe中调用父页面中定义的方法 parent.sayhello(); });
function test() { alert(‘我是子页面!‘); }
</script> </head> <body> <div>iframe子页面内容</div> </body> </html>
以上是关于Iframe父页面与子页面之间的相互调用的主要内容,如果未能解决你的问题,请参考以下文章
jqueryjs调用iframe父窗口与子窗口元素的方法整理