Iframe父页面与子页面之间的相互调用
生活随笔
收集整理的這篇文章主要介紹了
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>
?
更多專業前端知識，請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的Iframe父页面与子页面之间的相互调用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 手机端input[type=date]的
- 下一篇： Number()、parseInt()、