2021-7-22 前端達人
還是附上代碼吧。不多說，方便日后查看
父頁面代碼：
<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/javascript"> function sayhello() { alert('Hello World!'); } var value = 'value'; </script> <div id="default">div內容</div> <iframe src="child.html"></iframe> </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(); }); </script> </head> <body> <div>iframe子頁面內容</div> </body> </html>
注意：
父頁面的屬性和方法必須在iframe標簽之前
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://91whvog3.cn
