HTML-iframe 标签总结
本文乃是知识点整理，侵权立删。 ：）
iframe是什么
HTML 中的 <iframe> 标签（又称内联框架元素）表示了一个嵌套的浏览上下文(browsing context)，实际上是用来在当前页面中内嵌另一个HTML页面。
在 HTML4.0.1 中，文档（document）可以包含一个 head 和一个 body 组合或者包含一个 head 和一个框架集（frame-set）组合,但不能同时包含 body 和 frame-set。然而 <iframe> 标签可以插入到一个正常的文档体中（document body）。
每个浏览上下文（browsing context）都有自己的会话历史和活动文档。包含其它嵌入内容的浏览上下文（browsing context）称作父级浏览上下文（parent browsing context）。顶层的（top-level）浏览上下文（不再拥有父窗体的）一般就是浏览器的 window 对象。
基础知识
属性
该 元素的属性很多，有的只在 HTML4（HTML4 Only）被支持，而有一些属性是 HTML5 新加的（HTML5 Only），所以本文只把一些重要的属性梳理一下。
- height： 该元素的高度，以 CSS 像素格式 HTML5，或像素格式 HTML 4.01，或百分比格式指定 frame 的高度。
- width： 该元素的宽度，以 CSS 像素格式 HTML5，或以像素格式 HTML 4.01，或以百分比格式指定 frame 的宽度。
- name： 嵌入的浏览上下文（框架）的名称。该名称可以用作 <a> 标签，<form> 标签的 target 属性值，或 <input> 标签和 <button> 标签的 formtaget 属性值。
-
src： 嵌套页面的 URL 地址。可以为图片网址，也可为页面地址。
脚本
-
如果页面中包含框架，则每个框架都有自己的 window 对象，并且保存在 frames集合 中。在 frames 集合中，可以通过数值所以（从 0 开始，从左至右，从上到下）或者框架名称来访问相应的 window 对象。每个 window 对象都有一个 name 属性，其中包含框架的名称。如下图所示：
以上代码创建了一个框架集，其中一个框架居上，两个框架居下。如下图所示：
对这个例子来说，可以通过 window.frames[0] 或者 window.frames[“topFrame”] 来引用上方的框架。
-
通过 contentWindow 属性，脚本可以访问 iframe 元素所包含的 HTML 页面的 window 对象。
contentDocument 属性则引用了 iframe 中的文档元素（等同于使用 contentWindow.document），但 IE8- 不支持。
通过访问 window.parent，脚本可以从框架中引用它的父框架的 window。
脚本试图访问的框架内容必须遵守 同源策略，并且无法访问非同源的 window 对象的几乎所有属性。同源策略同样适用于子窗体访问父窗体的 window 对象。跨域通信可以通过 window.postMessage 来实现。
实际应用
整理到这发现，以我现在的能力，还无法理解下面链接里所列的大部分 iframe 用法，还需学习，所以只把链接里出来吧，不再整理。
Iframe 有什么好处，有什么坏处？国内还有哪些知名网站仍用Iframe，为什么？有哪些原来用的现在抛弃了？又是为什么？
参考资料
-
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe#.E6.A1.88.E4.BE.8B
-
《JavaScript高级程序设计》