父页面:
<!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>
更多专业前端知识,请上 【猿2048】www.mk2048.com