iframe页面是嵌在父页面里的,一般在 iframe 里面做相关动作时默认都是 iframe 页面的,不会影响到父页面。那么如果需要在 iframe 的子页面里面操作父页面的元素该如何办呢?
iframe 子页面操作父页面元素需要知道的两点是:
(1)iframe 子页面和父页面必须属于同一个域下。
(2)iframe 页面获取父页面的对象方法是 parent。
举例说明:
- <body>
- <div id="test"></div>
- <iframe src="http://www.daimajiayuan.com/list-58.html"></iframe>
- </body>
则在 http://www.daimajiayuan.com/list-58.html 页面里面将父级页面的id="test"元素的内容加上"iframe 子页面操作父页面元素"的写法可以如下:
parent.document.getElementById('map_position').innerHTML='iframe 子页面操作父页面元素';
同样如果需要在子页面刷新父页面可以使用:parent.location.reload();
零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。