当前位置: 代码迷 >> Web前端 >> Iframe小结
  详细解决方案

Iframe小结

热度:283   发布时间:2012-11-22 00:16:41.0
Iframe总结

如果一个页面的iframe太多,会造成什么样的后果呢

如下面的页面index.html

    ??
  1. < html ? xmlns = "http://www.w3.org/1999/xhtml" > ??
  2. < head > ??
  3. < title > test title > ??
  4. < style ? type = "text/css" > ??
  5. <!-- -->
  6. body?{ ??
  7. margin:?0px; ??
  8. } ??
  9. -- > ??
  10. style > ??
  11. head > ??
  12. < body > ??
  13. < center > ??
  14. < iframe ? src = "/include/topMenu_sz.jsp" ? width = "1000" ? height = "130" ? scrolling = "no" ? frameborder = "0" ? noresize = "noresize" ? id = "topFrame" ></ iframe > ?????? ??
  15. ??
  16. < iframe ? src = "/include/midder.jsp" ? width = "1000" ? height = "460" ? scrolling = "no" ? frameborder = "0" ? noresize = "noresize" ? id = "midder" ></ iframe > ??????????? ??
  17. ?????????????? ??
  18. < iframe ? src = "/include/bottom.jsp" ? scrolling = "no" ? frameborder = "0" ? width = "1000" ? height = "20" ? noresize = "noresize" ? id = "bottom" ></ iframe > ? ??
  19. </center > ??
  20. </body > ??
  21. </html > ??

而其中的第二个iframe,即 midder.jsp包含另外两个iframe.

  1. < table ? width = "1000" ? border = "0" ? align = "center" ? cellpadding = "0" ? cellspacing = "0" > ??
  2. ?? < tr > ??
  3. ??? < td ? width = "375" ?? valign = "top" ? id = "leftTD" > < iframe ? id = "left" ? width = "385" ? height = "458" ? src = "/left.jsp" ? frameborder = "0" ? scrolling = "no" ? id = "left" ?noresize ></ iframe ></ td > ??
  4. ??? < td ? width = "620" ? valign = "top" ? id = "mapAreaTD" > < iframe ? width = "620" ?? height = "458" ? id = "mapArea" ? src = "/area.jsp" ?? frameborder = "0" ? scrolling = "no" ?noresize ></ iframe ></ td > ??
  5. ?</ tr > ??
  6. </table > ??

而left.jsp又包含另外一个iframe,content.jsp

每次加载这个页面的时候都不是从上面开始加载的,从midder.jsp这个页面加载的

这样做虽然麻烦,但便于维护和修改

相对来说,Iframe主要用在以下几个地方:

1.文件无刷新上传

2.广告位,Iframe方式不影响页面加载,当然也可以用AJAX方式,但脚本代码的加载是阻塞式的

3.很多管理员后台,布局采用Iframe方式

?

1 楼 xyh 2009-01-14  
过去一年了,俺终于自己知道了答案:
一个页面请求过多会影响它的速度,每个请求都会消耗资源。

2 楼 xiebaolong 2010-04-28  
是啊,又一年过去了,他一定会对我们的速度有所影响,可是我们怎么才能让我们的页面加载完之后再加载iframe呢?
  相关解决方案