var usewidth = document.documentElement.clientWidth || document.body.clientWidth;
 var useheight = document.documentElement.clientHeight || document.body.clientHeight;

Js獲取寬度和高度

document.body.clientWidth ==> body物件寬度
document.body.clientHeight ==>body物件高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度 
document.body.offsetWidth ==> 網頁可見區域寬(包括邊線的寬)
document.body.offsetHeight ==> 網頁可見區域高(包括邊線的高)
document.body.scrollWidth ==> 網頁正文全文寬
document.body.scrollHeight ==> 網頁正文全文高
document.body.scrollTop ==> 網頁被捲去的高
document.body.scrollLeft ==> 網頁被捲去的左
window.screenTop ==> 網頁正文部分上
window.screenLeft ==> 網頁正文部分左
window.screen.height ==> 螢幕解析度的高
window.screen.width ==> 螢幕可用工作區高度
window.screen.availHeight ==> 螢幕可用工作區高度
window.screen.availWidth ==> 螢幕可用工作區寬度
 

Jquery獲取寬度和高度

$(window).height() 　              //瀏覽器時下視窗可視區域高度   
$(document).height()　           //瀏覽器時下視窗文件的高度   
$(document.body).height()　　　　　　//瀏覽器時下視窗文件body的高度   
$(document.body).outerHeight(true)　//瀏覽器時下視窗文件body的總高度 包括border padding margin   
$(window).width() 　   //瀏覽器時下視窗可視區域寬度   
$(document).width()   //瀏覽器時下視窗文件對於象寬度   
$(document.body).width()　　　　　　//瀏覽器時下視窗文件body的高度   
$(document.body).outerWidth(true)　//瀏覽器時下視窗文件body的總寬度 包括border padding