Chinaunix

标题: 用js调整弹出的iframe的自适应高度 [打印本页]
作者: 幸福彼岸ing    时间: 2014-06-18 17:17
标题: 用js调整弹出的iframe的自适应高度
如何用js调整弹出的iframe的自适应高度？可以这样解决：
  1. <iframe src="www.baidu.html" width="100%" charset="gb2312">   
  2. </iframe>  
复制代码
弹出窗口有最大化最小化。当点击最大化后由于iframe高度固定，所以页面显示有部分的留白。处理方案，在页面onload的时候
  1. function initPra(){   
  2.     $("iframe").height($(window).height());   
  3. }
复制代码
第二步，当点击最大化时，触发onresize事件，重置iframe的高度
  1. function initheigth(){   
  2.     $("iframe").height($(window).height());   
  3. }  
复制代码
页面的body方法为
  1. <body onresize="initheigth();" onload="initPra();">   
  2. </body>  
复制代码
http://bbs.ibeifeng.com/read-htm-tid-66337.html



欢迎光临 Chinaunix (http://bbs.chinaunix.net/) Powered by Discuz! X3.2