iframe是什么

简介: iframe是什么

iframe标签是什么


通常呢网站一般都是一个HTML,要插入其他元素就必须要使用一个框架了,它可以轻松地嵌入文档,图像甚至是视频。

iframe也称嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。其实大白话在我看来就是,在一个网页框架中嵌入一个iframe,原本的框架网页不需要更改内容,我们只需要变更iframe里面的内容就好了。

iframe标签属性

src 嵌入内容来源,链接路径地址,一般为URL形式。

width 框架的宽度。

height 框架的高度。

name 框架的名字。

sandbox 连接内联框架与特定的安全措施。

srcdoc 包含在iframe中显示的代码

iframe标签的优缺点


优点:

ifarme能够原封不动的把嵌入的网页展现出来;如果有多个网页引入iframe,只需要修改ifarme的内容,就可以实现调用的每一个页面内容的更改,很方便快捷;网页如果为了统一风格,头部和版本是一样的,就可以写成一个页面,有iframe标签嵌套,可以增加代码的可重用;遇到加载缓慢地第三方内容,也可以由iframe解决。

缺点:

iframe会阻止onloal事件;iframe和主页共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载会产生很多页面;代码复杂,无法被一些搜索引擎优化。


目录
相关文章
|
4月前
|
SEO
iframe标签是做什么用的
iframe标签是做什么用的
30 0
|
10月前
|
移动开发 JavaScript 搜索推荐
iframe常用
iframe常用
|
10月前
|
安全 搜索推荐 JavaScript
什么是iframe
什么是iframe
47 0
|
Web App开发 容器
你对iframe知道多少
你对iframe知道多少
【HTML】Iframe中的onload事件
【HTML】Iframe中的onload事件
254 0
|
前端开发 JavaScript API
|
JavaScript Java 前端开发
记一次<iframe>的使用
将jsp拆分frame框架,因为采用了第一种方式,一直在考虑用jquery异步请求获取数据,总是但不到效果, 终于在js写吐的时候选择了第二种方式。 //参考网上的使用,大多是下面这个样子,如果涉及静态页面之间定位,是没有问题的//href:为目标页面----->通过target定位到frame ${org.
1122 0
<iframe/onload=alert(document.cookie)></iframe>
<iframe/onload=alert(document.cookie)></iframe>
1203 0