一 目的

　　iframe是网页布局中重要的元素，是解决一些常见前端问题的必修课，而iframe总是让人捉摸不透，不好掌握。关于iframe，有很多问题我们必须要彻底弄清。笔者累一年经验，3天构思，欲阐述关于iframe的那些事。虽然都是常见的知识，但是很少有人能深入理解，灵活使用。

　　iframe在布局，无刷新方面都有极其中重要，不可替代的地位。虽然现在流行DIV布局，但是有时还得用iframe布局；虽然2005年流行使用AJAX进行无刷新，但是在特效情况下还得使用iframe；在flash动画内嵌html时，iframe更是必不可少。本文的主要目的就是针对这些问题展开讨论，并且总结。本文目的有：

　　1.iframe的基础，深入理解frame是何物，属性该如何设置。

　　2.iframe自适应高宽，即ifrmae在布局方面的应用。

　　3.iframe的表单无刷新，iframe在上传文件时的无刷新作用。

　　4.iframe的跨越问题。

　　5.iframe与jQuery。

　　请不要怀疑iframe的缺点，不要担心iframe的使用量。各大网站都在使用，淘宝，百度，新浪，博客园，都能找到iframe的踪迹。

二 什么是iframe

　　iframe即内联框架。不同于frame，frame与frameset综合使用，成为帧，框架集。frame已经不大使用了，说白了，frame是僵硬的叠加，iframe是内联的，不是简单的叠加，而是承前启后，对于外围的页面，iframe是一个普通的元素，对于iframe里面的内容，又是一个五脏俱全的页面。iframe的写法是：

　　<iframe id="coreIframe" name="coreIframe" src="/blank.html"></iframe>

可以看出，iframe毫无神秘可言，就是一个普通的元素，与span,div一样。那么，iframe是内联元素还是块元素？第一，iframe可以设置width,height并且有效。第二，iframe像普通文本一样不会换行。看图：

?

　　由此两点，可以判定：

　　iframe是inline-block元素。

　　iframe的基