Iframeiframe简介 iframe 是html元素，用于在网页中内嵌另一个网页 iframe默认有一个宽高，存在

iframe 是html元素，用于在网页中内嵌另一个网页

iframe默认有一个宽高，存在边界

iframe是一个行内块级元素，可以通过display修改

虽然iframe现在不推荐大量使用，但是某些时候迫不得已，比如。。。

iframe的优点隔离上下文

缺点影响网页速度不利于SEO

src：指定内联网页的地址

frameborder：iframe默认有个边界，可以设置frameborder为0清除边界

width，height：控制iframe的宽高

name：框架的名称

scrolling: 是否滚动，yes，no，auto

在父级使用window.frames[name]可以获取子iframe的window对象，相应的可以获取document对象，从而对子iframe进行dom操作

在子iframe想要操作父元素的iframe，在子级window.parent来获取父级元素的window对象，从而获取document来操作dom。

window.parent.document.getElementById('xxx')

window.postMessage(data, origin）

data:待发送的数据

origin：是发送的地址，为‘*’表示无限制，该参数必传，否则会报错

接收信息：

window.addEventListener("message", function(event) {   
    console.log(event.data)
}}, false);

document.getElementById(iframe的id).contentWindow.location.reload(true)
document.getElementById(iframe的id).src=src

获取子元素的document时要确保子元素所有dom元素已经挂在完毕，因此在原生的写法时，必须写在window的onload事件中。