注:HTML5不再支持使用frame,iframe只有src 属性(可设置width\height等属性及标准属性,依旧生效)
一、使用iframe的优缺点
优点:
1.程序调入静态页面比较方便;
2.页面和程序分离;
缺点:
1.iframe有不好之处:样式/脚本需要额外链入,会增加请求。
另外用js防盗链只防得了小偷,防不了大盗。
2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你
的网站即使做的在好,也排不到好的名次!
如果是动态网页,用include还好点!
但是必须要去除他的<html><head><title><body>标签!
3.框架结构有时会让人感到迷惑,特别是在多个框架中都出现上下、左右滚动条的时候。这些滚动条除了
会挤占已经特别有限的页面空间外,还会分散访问者的留心力。访问者遇到这种站点往往会立刻转身离开
。他们会想,既然你的主页如此混乱,那么站点的其他部分也许更不值得阅读。
4.链接导航疑问。运用框架结构时,你必须保证正确配置所有的导航链接,如不然,会给访问者带来很大
的麻烦。比如被链接的页面出现在导航框架内,这种情况下访问者便被陷住了,因为此时他没有其他地点
可去。
二、为什么少用iframe
iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。
使用 iframe 的页面一般不会包含太多 iframe,所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题:onload 事件以及连接池(connection pool)。
1.Iframes 阻塞页面加载
及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指