如何操作iframe父頁面中的元素、方法、變數
阿新 • • 發佈：2019-01-24
方法
1. 在iframe中查詢父頁面元素的方法：
jQuery的方法：$("#id",window.parent.document)
原生的方法：window.parent.document.getElementById("id");
//有時候iframe會巢狀好幾層，那麼巢狀兩層時就是：
window.parent.parent.document.getElementById("id"); //以此類推
//巢狀好幾層，直接找最頂層可以用這個方法
window.top.document.getElementById("id");
2.在iframe中使用父頁面的變數或者方法函式
parent.method parent.variable
例項
<!-- 父頁面 iframeParent.html-->
<body>
<div id="parentBox">我是爸爸</div>
<iframe src="iframeChildren.html" width="300px" height="200px"></iframe>
</body>
<script type="text/javascript">
var _parent = 'hello';
var <!-- 內嵌的iframe頁面 iframeChildren.html-->
<body>
<div id="childrenBox">我是孩子</div>
</body>
<script type="text/javascript" 