javaScript高级教程(十) iframe

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

 iframe即内联框架。不同于frame,frame与frameset综合使用,成为帧,框架集。frame已经不大使用了。说白了,frame是僵硬的叠加,iframe

是内联的。对于外围的页面,iframe是一个普通的元素,对于iframe里面的内容,又是一个五脏俱全的页面。iframe的写法是:

  <iframe id=”coreIframe” name=”coreIframe” src=”http://baidu.com”>这里的内容只有浏览器不支持iframe时才会显示</iframe>

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

 

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

  iframe实现无刷新的原理就是在A页面的表单提交数据到服务器,并且指定target属性为B页面,服务器返回内容到B页面,然后在B页面中调用Js程序

来刷新A页面,完成一次请求。如果在此过程中,B为A页面的一个iframe页面,而且一直不显示,则对用户来说,就是一个无刷新。

  这种无刷新比ajax要麻烦,但是同样意义非凡。在上传文件时,ajax是无法提交的,此时iframe似乎成了不二选择。但是有一个要求,就是AB页面同域。

因为在整个过程中,会在B页面来调用A页面的js,就必须保证两个页面同域,否则操作非法。

 

4.iframe的跨越问题。

5.iframe与jQuery。

原文:http://www.cnblogs.com/fangjins/archive/2012/08/19/2645631.html

 

    原文作者:等风来。。
    原文地址: https://www.cnblogs.com/yuyutianxia/p/3280764.html
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞