1. 云栖社区>
  2. >
  3. 正文

iframe全屏问题

作者:用户 来源:互联网 时间:2018-09-15 17:35:09

iframe全屏问题 - 摘要: 本文讲的是iframe全屏问题, <iframe id="text__a" width="100%" align="left" scrolling="no" style="border:1px solid #4892C1;position:relati

<iframe id="text__a" width="100%" align="left" scrolling="no" style="border:1px solid #4892C1;position:relative;" src="a.html" frameborder="1"></iframe>
 
  
jquery代码1:
//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#text__a").load(function(){
 var main=$(window.parent.document).find("#iframe");
 var this.height=$(document).height()+30;
 main.height(this.height);
})
jquery代码2:
//注意:下面的大面是与iframe代码放在同一页面调用
 
  
$("#text__a").load(function(){
   var mainheight = $(this).contents().find("body").height()+30;
   $(this).height(mainheight);
});

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

现在注册,免费体验40+云产品,及域名优惠!

云服务器9.9元/月,大学必备