新睿云

> 知识库 > iframe嵌入网页制作 简化应用程序管理分发

iframe嵌入网页制作 简化应用程序管理分发

作者/来源:小睿 发布时间:2019-12-16

iframe是与网页制作有关的一种标签,使用iframe可以使网站美观大气,结构合理清晰,从而实现优化网站,简化低网站的维护与管理。

1、iframe是什么

iframe是iframe标签:<iframe>。iframe是一个浮动的框架,会创建包含另外一个文档的内联框架。iframe一般用来包含别的页面,例如可以在自己的网站页面加载别人网站或者本站其他页面的内容。

iframe标签的最大作用就是让页面变得美观。iframe标签多功能多作用可以实现很多操作,主要区别在于对iframe标签定义的形式不同,例如定义iframe的长宽高。

iframe

2、iframe的使用方法介绍

iframe标签输入形式为:<iframe>和</iframe>。

以<iframe>开头,以</iframe>结尾,将需要的文本内容添加到两个标签之间即可。iframe标签内的内容可以做为浏览器不支持iframe标签时显示。

3、iframe基本属性介绍

name 设定iframe的名称

longdesc 关于iframe的描述说明,此属性基本不支持现在的主流浏览器,因此没必要使用

border 设定iframe边缘的宽度

bordercolor 设定iframe边框的颜色,值可以是rgb色,也可以是颜色名称

frameboder 设置边框是否为3维(0=否,1=是)

height 设置iframe的高度(可用像素值或百分比)

width 设置iframe的宽度(可用像素值或百分比)

marginheight 定义iframe的顶部和底部的边距

marginwidth 定义iframe的左侧和右侧的边距

scrolling 是否有滚动条(可取的值有yes,no,auto)

src 指定iframe调用的文件(可引用文件如:html,htm,gif,jpeg,jpg,png,txt,*.*)

noresize 禁止调整尺寸,这个仅支持IE核心的浏览器

allowtransparency 是否允许透明。IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。

iframe

4、iframe的作用

1)实现长连接,在websocket不可用的时候作为一种替代。

2)实现跨域通信。

3)历史记录管理,解决ajax化网站响应浏览器前进后退按钮的方案,在html5的history api不可用时作为一种替代。

4)实现纯前端的utf8和gbk编码互转。

5)用iframe实现无刷新文件上传,在FormData不可用时作为替代方案。

6)创建一个全新的独立的宿主环境。

7)IE6下用于遮罩select。

热门标签
new year
在线咨询
咨询热线 400-1515-720
投诉与建议
{{item.description}}

—您的烦恼我们已经收到—

我们会将处理结果发送至您的手机

请耐心等待