Iframe总结

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

如下面的页面index.html

   < html   xmlns = "http://www.w3.org/1999/xhtml" >    < head >    < title > test title >    < style   type = "text/css" >    <!-- --> body {    margin: 0px;    }    -- >    style >    head >    < body >    < center >    < iframe   src = "/include/topMenu_sz.jsp"   width = "1000"   height = "130"   scrolling = "no"   frameborder = "0"   noresize = "noresize"   id = "topFrame" ></ iframe >              < iframe   src = "/include/midder.jsp"   width = "1000"   height = "460"   scrolling = "no"   frameborder = "0"   noresize = "noresize"   id = "midder" ></ iframe >                                  < iframe   src = "/include/bottom.jsp"   scrolling = "no"   frameborder = "0"   width = "1000"   height = "20"   noresize = "noresize"   id = "bottom" ></ iframe >      </center >    </body >    </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方式