iframe框架调用高度自适应方法_帝国Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
iframe框架调用高度自适应方法
  1. <iframe frameborder="0" src="http://www.daixiao360.cn/" class="iframe" frameborder="0" id="test" onload="this.height=100" width="762px"  scrolling="no"></iframe> 
  2. <script type="text/javascript"> 
  3. function reinitIframe(){ 
  4. var iframe = document.getElementById("test"); 
  5. try{ 
  6. var bHeight = iframe.contentWindow.document.body.scrollHeight; 
  7. var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; 
  8. var height = Math.max(bHeight, dHeight); 
  9. iframe.height = height; 
  10. console.log(height); 
  11. }catch (ex){} 
  12. window.setInterval("reinitIframe()", 200); 
  13. </script> 
有需要的可以记录下来,希望可以帮助到你。

查看更多 帝国cms教程  帝国cms模板

来源:模板无忧//所属分类:帝国Cms教程/更新时间:2020-06-02
相关帝国Cms教程