iframe 将实现另一个HTML页面的嵌入
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）
// 仅用了短短几行代码 就能引入另外一个网页的样式
<style>
.SMiframe{
height: 50px;
width: 90%;
border: 2px solid #66cc;
}
</style>
<body>
<iframe src=”https://www.html5tricks.com/demo/css3-3d-plane/index.html” frameborder=”0″ class=”SMiframe”>
</iframe>
</body>
| 属性 | 值 | 描述 |
| align |
|
不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 |
| frameborder |
|
规定是否显示框架周围的边框。 |
| height |
|
规定 iframe 的高度。 |
| longdesc | URL | 规定一个页面，该页面包含了有关 iframe 的较长描述。 |
| marginheight | pixels | 定义 iframe 的顶部和底部的边距。 |
| marginwidth | pixels | 定义 iframe 的左侧和右侧的边距。 |
| name | frame_name | 规定 iframe 的名称。 |
| sandbox |
|
启用一系列对 <iframe> 中内容的额外限制。 |
| scrolling |
|
规定是否在 iframe 中显示滚动条。 |
| seamless | seamless | 规定 <iframe> 看上去像是包含文档的一部分。 |
| src | URL | 规定在 iframe 中显示的文档的 URL。 |
| srcdoc | HTML_code | 规定在 <iframe> 中显示的页面的 HTML 内容。 |
| width |
|
定义 iframe 的宽度。 |
iframe 调用父类方法
该 原生js 对象可以 返回当前窗口的父窗口对象
如果一个窗口没有父窗口,则它的 parent 属性为自身的引用；如果当前窗口是一个 , <object>, 或者 <iframe>,则它的父窗口是嵌入它的那个窗口
// 调用父页面中的方法 getUserInfo()
window.parent.getUserInfo();