一、ifarme

1、定义:

<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到 <iframe> 和 </iframe>里面,这样不支持 <iframe>的浏览器就会出现提示的文字。

2、使用

 

<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">

<p>你的浏览器不支持iframe标签</p>

 </iframe>

3、iframe 的常用属性

name : 规定 <iframe> 的名称。

width: 规定 <iframe> 的宽度。

height :规定 <iframe> 的高度。

src:规定在 <iframe> 中显示的文档的 URL。

frameborder : 规定是否显示 <iframe> 周围的边框。 (0为无边框,1位有边框)。

align:规定如何根据周围的元素来对齐 <iframe>。 (left,right,top,middle,bottom)。

scrolling:规定是否在 <iframe> 中显示滚动条。 (yes,no,auto)

4、iframe的优缺点?

优点:

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. iframe无刷新文件上传

c. iframe跨域通信

缺点:

a. iframe会阻塞主页面的Onload事件

b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

d. 会产生很多页面,不容易管理。

 posted on 2020-08-16 17:41  wen22  阅读(449)  评论(0编辑  收藏  举报