注意事项

1、要确保在iframe加载完成后再进行操作，如果iframe还未加载完成就开始调用里面的方法或变量，会产生错误。

2、尽量在不要在父页面中调用子页面中的页面元素或函数，所有涉及的交互操作尽量放在子页面中来完成。 　 可以用onload事件来判断iframe是否加载完成

父页面访问子页面中数据：两种方法：

1、document.getElementById('iframe').contentWindow.key

2、IframeNmae.window.key

子页面访问父页面：

parent.window.key

如果是跨域页面嵌套 父到子：可以用url传值(子页面location)，或者postMessage 子到父:postMessage（TODO）

优点 1、页面嵌套，像导航等不同页面的相同组件，方便开发

2、重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度)（这个还没有特别注意）

3、完全隔离js和css，减少耦合性

缺点：

1、不利于seo，不利于搜索引擎爬虫优化

2、iframe会占用浏览器的连接池

3、过多的iframe会增加服务器请求压力

4、移动设备兼容性差

to be continued ...