iframe
什么是iframe?
iframe就是框架网页就是在同一个页面里有多个网页,使用框架的好处就是你在请求一个网页的下一个页面的时候,还有 一个网页是一直显示着的,这样浏览者就不会就的等待的存在了;
iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。
iframe的使用方法
iframe使用很简单,使用src属性指向另一个你需要包含的另一个文件即可,也可以设置元素的宽,高等。比如:
<iframe
name="list-frame" // 规定 iframe 的名称。
marginwidth="0" // 定义 iframe 的左侧和右侧的边距。
marginheight="0" // 定义 iframe 的顶部和底部的边距。
width="100%" // 定义 iframe 的宽度。
height="300px" // 规定 iframe 的高度。
src="list.html" // 规定在 iframe 中显示的文档的 URL。
frameborder="0" // 规定是否显示框架周围的边框。取值:0/1
scrolling="auto" // 规定是否在 iframe 中显示滚动条。取值:yes/no/auto
></iframe>
iframe的优缺点
优点
iframe能够原封不动的把嵌入的网页展现出来。
如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。
网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。
如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。
缺点
页面样式调试麻烦,出现多个滚动条;
浏览器的后退按钮失效;
过多会增加服务器的HTTP请求;
小型的移动设备无法完全显示框架;
产生多个页面,不易管理;
不容易打印;
iframe会阻塞主页面的Onload事件
占用资源。每增加一个 iframe,相当于多增加一个独立的窗口,每个 iframe 中都需要占用独立的资源。
代码复杂,无法被一些搜索引擎解读。