前言：网页可以使用iframe元素嵌入其他页面，因此一个页面之中会存在多个窗口；在子页面中，又可以嵌入别的页面，从而形成多级窗口。 iframe元素遵守同源策略，只有当父页面与框架页面来自同一个域名，两者之间才可以通过脚本通信。
1、对于iframe嵌入的窗口，通过document.getElementById方法可以拿到该窗口的DOM节点，然后使用content.Window属性获得iframe节点包含的window对象，使用contentDocument属性获得包含的document对象
2、在iframe窗口内部，使用window.parent引用父窗口。如果没有父窗口则返回自身
3、iframe嵌入窗口的window对象，存在一个frameElement属性，返回它在父窗口中的DOM节点
parent //获取父窗口 （等同于window.parent）
.document //获取父级窗口的document文档
.getElementById('box') //获取父级窗口中id为box的DOM元素
.style
.background='red' //修改DOM元素的背景色二、在当前窗口中获取通过iframe为引入的页面(iframe标签的id属性是’li‘)
document.getElementById('li').onload = function(){ //通过inload事件监测iframe的加载
document.getElementById('li') //获取到iframe
.contentWindow //获取到iframe的window
.document //获取到iframe的document
.getElementById('xoc') //获取iframe中id=‘xoc’的DOM元素
.style
.color = 'green'
}原文地址:https://blog.csdn.net/m0_73334325/article/details/127842985
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_17247.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
