js實現的高度自適應

日期：2013-11-29 來源：攀枝花惠康網絡公司

自順應高度結構斗勁常用，巨匠知道自順應寬度可以很便利的用css結構，可是自順應高度用css雖然能解決，可是斗勁麻煩，還不如寫一段劇原本的的輕松多了。



//計較文檔的可見高度

function windowHeight() {
    var de = document.documentElement;
    return self.innerHeight||(de && de.clientHeight)||document.body.clientHeight;
}

//window.onresize是窗口改變巨細的時辰，因為窗口改變巨細，文檔的可見高度或寬度會轉變。
window.onload=window.onresize=function(){
 var wh=windowHeight();
 document.getElementById("contentWrap").style.height = document.getElementById("sidebar").style.height = (wh-document.getElementById("header").offsetHeight-document.getElementById("footer").offsetHeight)+"px";
}

事理:計較屏幕的高度，減去頭部和底部的高度就OK了，

查看完整demo：http://www.css88.com/demo/js-zsy/js-zsy.html

文章來源：攀枝花惠康網絡公司

惠康網絡，是一家專業從事攀枝花網站建設，攀枝花網站制作，攀枝花網站設計公司，提供網站建設一條龍服務（網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣），惠康網絡立足攀枝花，輻射全中國，攀枝花惠康網絡的客戶已經遍布國內各地大中小城市，我們高效優質的網站建設服務深受用戶好評。