请选择 进入手机版 | 继续访问电脑版

平方X

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3034|回复: 0

[前端] iframe自适应高度

[复制链接]

414

主题

709

帖子

3605

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3605
QQ
发表于 2016-6-30 13:36:14 | 显示全部楼层 |阅读模式

  1. $(document).ready(function(){
  2.     var bodyheight=$("body").height();
  3.     window.parent.set_iframe_height(bodyheight);
  4. });
  5.     function setIframeHeight(height){
  6.         iframe=document.getElementById('iframe');
  7.         iframe.height=height;
  8.     }
复制代码

  1.         ②
  2.     var body=document.getElementsByTagName('body')[0];
  3.     var body_height=body.offsetHeight;
  4.     window.parent.setIframeHeight(body_height);
复制代码

  1.         ③
  2.         “<iframe>标签自适应高度和宽度”(http://www.cnblogs.com/Nbge/archive/2013/06/14/3135697.html)
  3. function iFrameHeight() {   
  4. var ifm= document.getElementById("iframepage");   
  5. var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;   
  6. if(ifm != null && subWeb != null) {
  7.    ifm.height = subWeb.body.scrollHeight;
  8.    ifm.width = subWeb.body.scrollWidth;
  9. }   
  10. }  
复制代码

我是平方X~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Archiver|平方X ( 冀ICP备14018164号 )

GMT+8, 2024-5-24 18:50 , Processed in 0.116425 second(s), 24 queries .

技术支持:Powered by Discuz!X3.4  © 2001-2013 Comsenz Inc.

版权所有:Copyright © 2014-2018 平方X www.pingfangx.com All rights reserved.

快速回复 返回顶部 返回列表