浏览器与HTML(二)

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 中都需要占用独立的资源。
代码复杂,无法被一些搜索引擎解读。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值