让iframe自适应高度（支持xhtml）IE firefox兼容


答案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>获取页面高度，窗口高度，滚动条高度等参数值</title> 
</head> 

<body> 
<script language="javascript"> 
<!-- 
function getPageScroll(){ 
    var yScroll; 
    if (self.pageYOffset) { 
        yScroll = self.pageYOffset; 
    } else if (document.documentElement && document.documentElement.scrollTop){     // Explorer 6 Strict 
        yScroll = document.documentElement.scrollTop; 
    } else if (document.body) {// all other Explorers 
        yScroll = document.body.scrollTop; 
    } 

    arrayPageScroll = new Array('',yScroll); 
    return arrayPageScroll; 
} 

function getPageSize(){     
    var xScroll, yScroll;     
    if (window.innerHeight && window.scrollMaxY) {     
        xScroll = document.body.scrollWidth; 
        yScroll = window.innerHeight + window.scrollMaxY; 
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac 
        xScroll = document.body.scrollWidth; 
        yScroll = document.body.scrollHeight; 
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari 
        xScroll = document.body.offsetWidth; 
        yScroll = document.body.offsetHeight; 
    } 

    var windowWidth, windowHeight; 
    if (self.innerHeight) {    // all except Explorer 
        windowWidth = self.innerWidth; 
        windowHeight = self.innerHeight; 
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode 
        windowWidth = document.documentElement.clientWidth; 
        windowHeight = document.documentElement.clientHeight; 
    } else if (document.body) { // other Explorers 
        windowWidth = document.body.clientWidth; 
        windowHeight = document.body.clientHeight; 
    }     
     
    // for small pages with total height less then height of the viewport 
    if(yScroll < windowHeight){ 
        pageHeight = windowHeight; 
        document.write("page height is : " + pageHeight + "
"); 
    } else {  
        pageHeight = yScroll; 
        document.write("page height is : " + pageHeight + "
"); 
    } 

    if(xScroll < windowWidth){     
        pageWidth = windowWidth; 
        document.write("page width is : " + pageWidth + "
"); 
    } else { 
        pageWidth = xScroll; 
        document.write("page width is : " + pageWidth + "
"); 
    } 

    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)  
    return arrayPageSize; 

}  
--> 
</script> 
<div style="background:#EBEBEB;text-align:center;height:300px;"> 
    <h3><script language="javascript">getPageSize()</script></h3> 
</div> 
</body> 
</html> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>获取页面高度，窗口高度，滚动条高度等参数值</title> 
</head> 

<body> 
<script language="javascript"> 
<!-- 
function getPageScroll(){ 
    var yScroll; 
    if (self.pageYOffset) { 
        yScroll = self.pageYOffset; 
    } else if (document.documentElement && document.documentElement.scrollTop){     // Explorer 6 Strict 
        yScroll = document.documentElement.scrollTop; 
    } else if (document.body) {// all other Explorers 
        yScroll = document.body.scrollTop; 
    } 

    arrayPageScroll = new Array('',yScroll); 
    return arrayPageScroll; 
} 

function getPageSize(){     
    var xScroll, yScroll;     
    if (window.innerHeight && window.scrollMaxY) {     
        xScroll = document.body.scrollWidth; 
        yScroll = window.innerHeight + window.scrollMaxY; 
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac 
        xScroll = document.body.scrollWidth; 
        yScroll = document.body.scrollHeight; 
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari 
        xScroll = document.body.offsetWidth; 
        yScroll = document.body.offsetHeight; 
    } 

    var windowWidth, windowHeight; 
    if (self.innerHeight) {    // all except Explorer 
        windowWidth = self.innerWidth; 
        windowHeight = self.innerHeight; 
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode 
        windowWidth = document.documentElement.clientWidth; 
        windowHeight = document.documentElement.clientHeight; 
    } else if (document.body) { // other Explorers 
        windowWidth = document.body.clientWidth; 
        windowHeight = document.body.clientHeight; 
    }     
     
    // for small pages with total height less then height of the viewport 
    if(yScroll < windowHeight){ 
        pageHeight = windowHeight; 
        document.write("page height is : " + pageHeight + "
"); 
    } else {  
        pageHeight = yScroll; 
        document.write("page height is : " + pageHeight + "
"); 
    } 

    if(xScroll < windowWidth){     
        pageWidth = windowWidth; 
        document.write("page width is : " + pageWidth + "
"); 
    } else { 
        pageWidth = xScroll; 
        document.write("page width is : " + pageWidth + "
"); 
    } 

    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)  
    return arrayPageSize; 

}  
--> 
</script> 
<div style="background:#EBEBEB;text-align:center;height:300px;"> 
    <h3><script language="javascript">getPageSize()</script></h3> 
</div> 
</body> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：超赞的随机颜色搭配工具
下一个：多中语言实现判断客户访问用得是那个域名然后转到对应的目录
更多图片编程知识: