ACCESS DENIED
小Z小Z  2019-08-29 23:01 主机之家测评 隐藏边栏 |   抢沙发  87 
文章评分 0 次,平均分 0.0

IE 浏览器解决 ifarme 自适应高度的两种超级简单的方法,基于 jquery,不用写任何判断浏览器高度、宽度之类的代码。

两种方法的区别就是一钟要放在父页面,另一种是放在子页面。根据你的实际需求选择代码即可,jquery 代码要放在 iframe 代码后面,注意别放错页面和位置。

一个是放在和 iframe 同页面的,一个是放在 test.html 页面的。

iframe 代码,注意要写 ID。

  

jquery 代码1,放在父页面(放在包含上述 iframe 代码的页面):

  $(window.parent.document).find("#main").load(function(){  var main = $(window.parent.document).find("#main");  var thisheight = $(document).height()+30;  main.height(thisheight);  });

jquery 代码2,放在子页面(放在弹出的 iframe 页面):

  $("#main").load(function(){  var mainheight = $(this).contents().find("body").height()+30;  $(this).height(mainheight);  });
声明:1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
小Z
小Z 关注:0    粉丝:0
【声明】:本站宗旨是为方便站长、科研及外贸人员,请勿用于其它非法用途!站内所有内容及资源,均来自网络。本站自身不提供任何资源的储存及下载,若无意侵犯到您的权利,请及时与我们联系。

发表评论

扫一扫二维码分享