獲取瀏覽器窗口寬高問題總結


s  =  "網頁可見區域寬:"+  document.body.clientWidth;  
s  +=  "\r\n網頁可見區域高:"+  document.body.clientHeight;  
s  +=  "\r\n網頁可見區域高:"+  document.body.offsetWeight  +"  (包括邊線的寬)";  
s  +=  "\r\n網頁可見區域高:"+  document.body.offsetHeight  +"  (包括邊線的寬)"; 
s  +=  "\r\n網頁正文全文寬:"+  document.body.scrollWidth;  
s  +=  "\r\n網頁正文全文高:"+  document.body.scrollHeight;  
s  +=  "\r\n網頁被卷去的高:"+  document.body.scrollTop;  
s  +=  "\r\n網頁被卷去的左:"+  document.body.scrollLeft;  
s  +=  "\r\n網頁正文部分上:"+  window.screenTop;  
s  +=  "\r\n網頁正文部分左:"+  window.screenLeft;  
s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;  
s  +=  "\r\n屏幕分辨率的寬:"+  window.screen.width;  
s  +=  "\r\n屏幕可用工作區高度:"+  window.screen.availHeight;  
s  +=  "\r\n屏幕可用工作區寬度:"+  window.screen.availWidth;  

jquery 獲取瀏覽器高寬  

$(document).ready(function(){
alert($(window).height());
//瀏覽器當前窗口可視區域高度
alert($(document).height());
//瀏覽器當前窗口文檔的高度
alert($(document.body).height());
//瀏覽器當前窗口文檔body的高度
alert($(document.body).outerHeight(true));
//瀏覽器當前窗口文檔body的總高度 包括border padding margin

alert($(window).width());
//瀏覽器當前窗口可視區域寬度
alert($(document).width());
//瀏覽器當前窗口文檔對象寬度
alert($(document.body).width());
//瀏覽器當前窗口文檔body的高度
alert($(document.body).outerWidth(true));
//瀏覽器當前窗口文檔body的總寬度 包括border padding margin
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM