iframe 深入浅出

iframe问题概览： http://www.cnblogs.com/fangjins/archive/2012/08/19/2645631.html

iframe跨域请求问题：http://www.cnblogs.com/fangjins/archive/2012/08/17/2643461.html

 

一、 iframe为inline-block类型的页面元素。写法如下

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

二、 iframe的自适应大小问题:

a. iframe元素加载顺序：

b. 要注意以下事项，即可完成iframe的自适应高宽，而且不用关心跨域，跨浏览器等问题：

　　1.隐藏父页面的（一般为top）滚动条。

　　2.设置iframe这个元素的width,height为某个高宽，scrolling为auto。

　　3.设置$(window).resiez()，或$(#XXX).resize()，使容纳iframe元素的节点在大小变化时，改变iframe的width,height以适应。

不用对iframe中的子页面做任何设置，只需要在父页面完成所有程序。之所以这样，都归功于iframe的srcolling=auto这句程序最后起作用。

三、 iframe无刷新

iframe可以模拟无刷新。特别是在提交文件时，只能使用iframe模拟无刷新来实现。过程如下图：

 

 

四、iframe跨域

 

http://www.cnblogs.com/fangjins/archive/2012/08/17/2643461.html