首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Iframe小结

2012-11-22 
Iframe总结如果一个页面的iframe太多,会造成什么样的后果呢如下面的页面index.html??html?xmlnshttp://

Iframe总结

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

如下面的页面index.html

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

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

  1. <table?width="1000"?border="0"?align="center"?cellpadding="0"?cellspacing="0">?? ??<tr>??
  2. ???<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>?? ???<td?width="620"?valign="top"?id="mapAreaTD"><iframe?width="620"??height="458"?id="mapArea"?src="/area.jsp"??frameborder="0"?scrolling="no"?noresize></iframe></td>??
  3. ?</tr>?? </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呢?

热点排行