iframe页面是嵌在父页面里的,一般在 iframe 里面做相关动作时默认都是 iframe 页面的,不会影响到父页面。那么如果需要在 iframe 的子页面里面操作父页面的元素该如何办呢?
iframe 子页面操作父页面元素需要知道的两点是:
(1)iframe 子页面和父页面必须属于同一个域下。
(2)iframe 页面获取父页面的对象方法是 parent。
举例说明:
<body>
<div id="test"></div>
<iframe src="http://www.maopiaopiao.com/javascript-function/272.html"></iframe>
</body>
则在 http://www.maopiaopiao.com/javascript-function/272.html 页面里面将父级页面的id="test"元素的内容加上"iframe 子页面操作父页面元素"的写法可以如下:
parent.document.getElementById('map_position').innerHTML='iframe 子页面操作父页面元素';
同样如果需要在子页面刷新父页面可以使用:parent.location.reload();