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

     //设置变量存储节点       
     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);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容