2012-04-27 132 views
0

我很好奇我如何獲得文檔的寬度,它看起來像我可以使用document.body.offsetWidth獲得窗口的寬度,但我嘗試的其他所有事情都像是與document.body.offsetWidth不同的幾個像素,我需要更大的文檔寬度,並且在窗口大小調整時不會更改。獲取文檔的寬度和高度

回答

3
function getSize() 
{ 
    var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0]; 
    var x=w.innerWidth||e.clientWidth||g.clientWidth; 
    var y=w.innerHeight||e.clientHeight||g.clientHeight; 
    return {width:x, height:y} 
} 
var size=getSize(); 
console.log(size.width+" "+size.height); 

DEMO.

+0

這個返回窗口的大小,這就是爲什麼當我改變的結果框的尺寸值改變,我需要做任何改變時,有一個攝像提升價值2000x3000像素(例如)。 – erikvold 2012-04-27 23:52:19

+0

http://www.howtocreate.co.uk/tutorials/javascript/browserwindow and http://stackoverflow.com/questions/5484578/how-to-get-document-height-and-width-without-using-jquery – 2012-04-28 00:03:10

+1

對於vanilla JavaScript來說+1,不管OP是要求它還是jQuery;我們經常會忘記jQuery如何輕鬆創建JavaScript。 – Bojangles 2012-04-28 00:54:46