«

iframe 子页面如何操作父页面元素

时间:2024-1-29 09:31     作者:韩俊     分类: Html+Css


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();

标签: javascript html css

热门推荐