关于iframe的一些知识
1、iframe的创建比一般的DOM元素慢了1-2个数量级
iframe的创建比其他包括scripts和css的DOM元素的创建慢了1-2个数量级。当然页面一般不会包含太多的iframe，所以创建DOM节点花费的时间还不会占很大比重。
2、阻塞页面加载
及时触发window的onload事件是非常重要的。onload事件触发使浏览器的“忙”指示器停止，告诉用户当前网页已经加载完毕。当onload事件加载延迟后，它给用户的感觉是这个网页非常慢。
window的onload事件需要在所有iframe加载完毕后（包含里面的元素）才会触发。通过Javascript动态设置iframe的src可以避免这种阻塞情况。
3、唯一的连接池
浏览器只能开少量的连接到web服务器。绝大部分浏览器，主页面和其中的iframe是共享这些连接的。这意味着iframe在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果iframe中的内容比主页面的内容更重要，这当然是好的。但通常情况下，iframe里的内容是没有主页面重要的。这时iframe用光可用连接就不值得了。
4、不利于SEO
搜索引擎的检索程序无法解读iframe。另外，iframe本身不是动态语言，样式和脚本都需要额外导入。
综上，iframe应谨慎使用。
Frame、Iframe、Frameset 的区别
框架页有Frame Iframe Frameset 个标记 初学者容易将三者混淆 下面分别讲解三者的区别 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别 用来划分框架 每一个框架由标记 必须在之内使用 代码如下 在上面的例子当中 把页面分为左右两个部分 左侧框架中的页面是 右侧框架中的页面是 注意 标记的框架顺序为从左至右或从上到下 两者的差别如下 ● 为框架标记 说明该网页文档为框架组成 并设定文档中组成框架集的框架的布局 ● 用以设置组成框架集中各个框架的属性 Frameset参数设置需要设置一些特定的参数 这些参数直接决定了整个页面的布局 代码如下 关于上段代码的各项参数设置及其含义如表 所示 表 Frameset参数 参 数 说 明 Border 设定框架的边框厚度 以pixels为单位 frameborder 设定是否显示框架的边框 为不显示 为显示 FrameSpacing 表示框架与框架之间的距离 BorderColor 设定框架的边框颜色 Row 将文档分为上下的框架 Row后的值可以为数值或百分数 *表示占用余下的空间 数值的个数代表水平分成的框架个数 例如Rows= * % 表示页面分为上中下三个框架页 上边的框架占用 px 下边的框架占用整个文档的 % 余下的空间为中间的框架占用 *是一个相对的概念 例如Row=* 表示页面中没有上下结构的框架布局 Cols 设置同Row Frame参数设置 关于Frame参数的设置 代码如下 上段代码的各项参数设置及其含义 如表 所示 表 Frame参数 参 数 说 明 Name 设定框架的名称 须为英文 Src 设置框架中显示的页面路径和名称 可为相对路径亦可为绝对路径 Marginwidth 表示框架距离左右边缘的距离 Marginheight 表示框架距离上下边缘的距离 Scrollling 设置是否在框架中显示滚动条 yes为显示 no为不显示 auto表示当框架页中内容超过框架的大小时自动显示滚动条 Frameborder 设置是否显示框架的边框 为不显示 为显示 Noresize 设定是否可以让使用者改变这个框架的大小 不设置此项可以让浏览者任意拉动框架 改变框架的大小 Framespacing 表示框架与框架之间的距离 Bordercolor 设定框架的边框颜色 Frame与Iframe的区别 Frame与Iframe两者可以实现的功能基本相同 不过Iframe比Frame具有更多的灵活性 Iframe标记又叫浮动帧标记 可以用它将一个HTML文档嵌入在一个HTML中显示 它和Frame标记的最大区别是在网页中嵌入的所包含的内容与整个页面是一个整体 而所包含的内容是一个独立的个体 是可以独立显示的 另外 应用Iframe还可以在同一个页面中多次显示同一内容 而不必重复这段内容的代码 如图 所示的页面就是应用Iframe在页面上下各创建了分页的链接 上下的代码是一样的 只需在网页中嵌入同一个文件即可 不需要重复代码的编写 本案例的实际效果参看配书光盘中的案例/frame/iframe/see 设置Iframe透明 Iframe还有一个更大的好处 就是可以设置框架透明 让框架内的背景和主页面背景一样 在上例操作中 细心的读者会发现这个问题 下面来详细说明如何设置Iframe透明 具体操作步骤如下 （ ）打开配书光盘中的案例/frame/iframe/see_ （ ）在浏览器中浏览该页文件 发现在插入Iframe的区域将原来单元格的背景覆盖了 这不是想要的效果 （ ）打开页面 切换到代码视图 在标记中插入代码如下 图 应用Iframe创建翻页 （ ）切换see_到代码视图 查看页面插入Iframe的单元格的代码如下 （ ）在标记中 插入代码如下 allowTransparency= true （ ）此时插入Iframe的单元格代码如下 （ ）保存和see_两个页面 在浏览器中浏览效果 lishixinzhi/Article/program/net/201311/12512
