iframe高度自适应

来源:互联网 发布:人工智能算命机器人q 编辑:程序博客网 时间:2024/06/16 02:49
function changeFrameHeight(){    var ifm= document.getElementById("iFrame1"); //iframe标签的id    ifm.height=window.innerHeight||   document.documentElement.clientHeight || document.body.clientHeight;  }

// 窗口或框架被调整大小时发生

  window.onresize=function(){      changeFrameHeight();   } 

有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5:
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document.body.clientHeight
document.body.clientWidth


实用的 JavaScript 方案(涵盖所有浏览器):

var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;
1 0
原创粉丝点击