JS,Jquery擷取各種螢幕的寬度和高度

標籤：lsp   common   com   對象   comm   ble   瀏覽器   title   off   

Javascript:

 

1234567891011121314

網頁可見地區寬： document.body.clientWidth網頁可見地區高： document.body.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:

 

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

JS,Jquery擷取各種螢幕的寬度和高度