美文网首页
js代码控制浮动框架按照网页尺寸的变化改变大小

js代码控制浮动框架按照网页尺寸的变化改变大小

作者: DouDouZH | 来源:发表于2017-11-01 22:02 被阅读0次
     //设置变量存储节点       
     var iframe = document.getElementById("ifm1");        
    //try 捕捉可能存在的异常,通常和catch一起出现       
     try {           
           //定义变量获取iframe内嵌框架里面的body节点的总高度          
           var bHeight = iframe.contentWindow.document.body.scrollHeight;          
           //定义变量获取iframe内嵌框架整体的总高度           
           var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;            
          //定义变量取两个变量中值最大的那个数            
         var height = Math.max(bHeight, dHeight);           
         //赋予上面计算出来的高度给内嵌框架套上          
         iframe.height = height;        
   } catch (ex) { }   
 }   
 //定义计时器,将上面的方法每隔0.2秒执行一次,主要是为了保证iframe框架能跟根据实际页面的大小进行调整显示最好的比例,给用户更好的视觉体验   
 window.setInterval("reinitIframe()", 200);

相关文章

网友评论

      本文标题:js代码控制浮动框架按照网页尺寸的变化改变大小

      本文链接:https://www.haomeiwen.com/subject/ihrnpxtx.html