jquery获取、设置iframe高度


今天网页加了个iframe  通过js制定src,但是当获取iframe的高度时,始终显示0

可以在iframe的width属性设置height和width,

但是动态设置,是iframe,自适应高度,应在iframe每次加载时,load完成之后根据内容改变

  1. $(function(){   
  2.      $("#iframe").load(function(){          
  3.          $(this).height($(this).contents().find("#content").height() + 400);   
  4.      });   
  5.        
  6. });


这里的find("#content")是找出iframe内容文档中的id为content的高度(另外比如find("body")),并设置给iframe, 
类似的还可以设置宽度

  1. $(function(){   
  2.      $("#ifram").load(function(){        
  3.          var height = $(this).contents().find("#box").height() + 40;   
  4.          $(this).height( height < 400 ? 400 : height );   
  5.      });   
  6.        
  7. });     

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值