您现在的位置:主页 > 图像设计 > 设计技巧 >

新2备用网址hg622.com|首页吧:三谈Iframe自适应高度

来源:新2备用网址hg622.com|首页吧 责任编辑:Jzq8 发表时间:2011-02-16 点击:次

为什么是三谈

为什么是三谈呢?一是因为这真的是一个被说烂的话题,二是因为太师傅在n年前就写过这篇。之所以再提该问题,是因为之前项目中确实遇到了这个问题的方方面面,有必要总结一下。希望对各位有帮助,有错误请指正。

同域、子页面高度不会动态增加

这种情况最简单,直接通过脚本获取字页面实际高度,修改iframe元素高度即可。但有二点必须注意:

如果页面内有绝对定位或者没有清浮动的元素,情况有些复杂,不同浏览器处理结果不同,甚至包括Webkit内核的浏览器,具体请看这个。所以你要么进行浏览器检测,要么用Math.max计算一个最大值,要么你想别的方法。

iframe所包含页面可能非常大,需要很长的加载时间,为此直接计算高度的时候,很可能页面还没下载完,高度计算就会有问题。所以最好在iframe的onload事件中计算高度。这里还要注意的是,IE下必须使用微软事件模型obj.attachEvent来绑定onload事件。而别的浏览器直接obj.onload = function(){}也可以。

?

?

?

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片 匿名?

推荐图文

  • 60个图标与按钮PSD模板
  • 新2备用网址hg622.com|首页吧:25张让你流口水的UI设计
  • 新2备用网址hg622.com|首页吧:44个有创意的设计工作室网站
  • 网页设计的12种颜色
  • 18个设计一流的单页网站
  • 调出照片柔和的蓝黄色-简单方法
  • Photoshop绘制虚线的巧妙方法
  • 中文logo设计的10个祖传秘方
  • Photoshop制作具有现代感的博客网站模板
Alexa - 客户服务 - 联系方法 - 招聘信息 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
Copyright ? 2010-2012 JZQ8.COM. 新2备用网址hg622.com|首页吧|新2备用网址hg622.com|首页去吧 版权所有
冀ICP备09002514号
冀ICP备09002514号 网络报警 企业法人营业执照 中国互联网协会 支付宝付款 网银在线付款