你好,欢迎访问登录注册
  • 绿叶云盘 音乐搜索
  • 当前位置:首页 - 技术共享 - 正文 本站已经运行0

    动态的改变IFrame的高度实现IFrame自动伸展适应高度

    2016-11-23技术共享Jervois4159°c
    A+ A-

    具体实现一: 
    1、在IFrame的具体页面(就是子页面),添加JavaScript

    var obj = parent.document.getElementById("childFrame");var Time_Status = undefined;
    obj.height = document.body.scrollHeight;
    document.body.onmousedown = function(){
        if (Time_Status !== undefined) return ;
            Time_Status = setInterval(function(){
                obj.height = document.body.scrollHeight;
            },10);
    }
    document.body.onmouseup = function(){
        setTimeout(function(){
            clearInterval(Time_Status);
            Time_Status = undefined;
        },100); 
    }

    2、为父页面的IFrame标签添加ID,即上面第一步,方法体中的第2行所写到的childFrame

    <IFRAME border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="frame1.php" frameBorder=0 noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></IFRAME>
    分享到:
      选择打赏方式
    微信赞助

    打赏

    QQ钱包

    打赏

    支付宝赞助

    打赏

      移步手机端
    动态的改变IFrame的高度实现IFrame自动伸展适应高度

    1、打开你手机的二维码扫描APP
    2、扫描左则的二维码
    3、点击扫描获得的网址
    4、可以在手机端阅读此文章
    标签:
    推荐阅读

    发表评论

    请拖动滑块解锁
    >>


      用户登录
    你好,欢迎访问登录注册
    龙年
    大吉