『壹』 怎麼用js獲取div的當前寬度
第一種情況就是寬高都寫在樣式表裡，就比如#div1{width:120px;}。這中情況通過#div1.style.width拿不到寬度，而通過#div1.offsetWidth才可以獲取到寬度。
第二種情況就是寬和高是寫在行內中，比如style="width:120px;"，這中情況通過上述2個方法都能拿到寬度。（什麼是行內，就是直接在html標簽上寫樣式）
小結，因為id.offsetWidth和id.offsetHeight無視樣式寫在樣式表還是行內，所以我們獲取元素寬和高的時候最好用這2個屬性。注意如果不是寫在行內style中的屬性都不能通過id.style.atrr來獲取。
現在的前端製作很少直接把樣式寫style里了，都是寫在樣式表裡。如果你要獲取的樣式沒有相對應的（就像#div1.style.width對 應#div1.offsetWidth），就只能分別針對不用瀏覽器來獲取樣式表的屬性了，可以試著搜索「JS 獲取樣式屬性」之類的。
代碼：
var o = document.getElementById("view");var h = o.offsetHeight; //高度var w = o.offsetWidth; //寬度
(1)前端如何獲取到屏幕的寬度擴展閱讀：
js編程:
JavaScript是一種腳本語言，其源代碼在發往客戶端運行之前不需經過編譯，而是將文本格式的字元代碼發送給瀏覽器由瀏覽器解釋運行。直譯語言的弱點是安全性較差，而且在JavaScript中，如果一條運行不了，那麼下面的語言也無法運行。而其解決辦法就是於使用try{}catch(){}。
Javascript被歸類為直譯語言，因為主流的引擎都是每次運行時載入代碼並解譯。V8是將所有代碼解譯後再開始運行，其他引擎則是逐行解譯（SpiderMonkey會將解譯過的指令暫存，以提高性能，稱為實時編譯），但由於V8的核心部份多數用Javascript撰寫（而SpiderMonkey是用C++）。
因此，在不同的測試上，兩者性能互有優劣。與其相對應的是編譯語言，例如C語言，以編譯語言編寫的程序在運行之前，必須經過編譯，將代碼編譯為機器碼，再加以運行。
『貳』 怎麼獲取屏幕的寬度和高度
屏幕的寬度和高度的計算方法：
屏幕的尺寸，即其對角線的長度L。根據其寬高比α，得出寬與對角線的比為a/b=α/√(1+α²)，所以寬為a=Lα/√(1+α²)，進而得到高為b=L/√(1+α²)。
顯示器的尺寸指顯像管的對角線尺寸。最大可視面積就是顯示器可以顯示圖形的最大范圍。顯像管的大小通常以對角線的長度來衡量，以英寸單位(1英寸=2.54cm)，常見的有15英寸、17英寸、19英寸、20英寸24英寸等。
『叄』 如何在html中獲得android手機中瀏覽器的屏幕的寬度
在html中獲得android手機中瀏覽器的屏幕寬度的方法：
1、在網頁的<head>中增加以上這句話，可以讓網頁的寬度自動適應手機屏幕的寬度:
[html] view plain
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
第一行：
width=device-width ：表示寬度是設備屏幕的寬度
initial-scale=1.0：表示初始的縮放比例
minimum-scale=0.5：表示最小的縮放比例
maximum-scale=2.0：表示最大的縮放比例
user-scalable=yes：表示用戶是否可以調整縮放比例
第二行：
設定iphone端頁面全屏。
第三行：
取消數字被識別為電話號碼。
2、如果是想要一打開網頁，則自動以原始比例顯示，並且不允許用戶修改的話，則是：
[html] view plain
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
3、這樣可以把一些頁頭橫幅等的圖片的寬度都設置成style="width:100%"，整個頁面在設備上看起來就是全屏的了。
『肆』 分數加滿！如何通過js獲取屏幕寬度，然後傳遞給css
css不行的，如果用css表達式可以取到頁面寬度和高度，但不兼容非ie瀏覽器。這個還是應該用js取：
document.documentElement.clientWidth：取得瀏覽器頁面可視區域的寬度document.documentElement.clientHeight：取得瀏覽器頁面可視區域的高度
screen.width：取得屏幕寬度
screen.height：取得屏幕高度
screen.availWidth：取得除任務欄外的屏幕寬度
screen.availHeight取得除任務欄外的屏幕高度
級聯樣式表是一種用來表現HTML（標准通用標記語言的一個應用）或XML（標准通用標記語言的一個子集）等文件樣式的計算機語言。
CSS目前最新版本為CSS3，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言，CSS能夠對網頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力，並能夠進行初步交互設計，是目前基於文本展示最優秀的表現設計語言。CSS能夠根據不同使用者的理解能力，簡化或者優化寫法，針對各類人群，有較強的易讀性。
『伍』 javascript如何獲取頁面的高度和寬度
strInfo+=\r\n網頁可見區域高:+document.body.clientHeight;
strInfo+=\r\n網頁可見區域寬:+document.body.offsetWidth+(包括邊線的寬);
strInfo+=\r\n網頁可見區域高:+document.body.offsetHeight+(包括邊線的高);
strInfo+=\r\n網頁正文全文寬:+document.body.scrollWidth;
strInfo+=\r\n網頁正文全文高:+document.body.scrollHeight;
strInfo+=\r\n網頁被捲去的高:+document.body.scrollTop;
strInfo+=\r\n網頁被捲去的左:+document.body.scrollLeft;
strInfo+=\r\n網頁正文部分上:+window.screenTop;
strInfo+=\r\n網頁正文部分左:+window.screenLeft;
strInfo+=\r\n屏幕解析度的高:+window.screen.height;
strInfo+=\r\n屏幕解析度的寬:+window.screen.width;
strInfo+=\r\n屏幕可用工作區高度:+window.screen.availHeight;
strInfo+=\r\n屏幕可用工作區寬度:+window.screen.availWidth;
window.confirm(strInfo);
</script
-----------------------------------------------------------------------------------------
最近編程中發現html靜態頁面的開發可以使用
document.body.ClientHeight
來獲得頁面的高度，但asp.net的頁面卻無法這樣獲取，獲取到的只是頁面最小的高度，比如頁面只有一個button，那麼該js語句獲得的就是24。
document.documentElement.OffsetHeight
----------------------------------------------------------------------------------------加上document.body.scrollLeft;
document.body.scrollTop;
x=document.body.clientWidth+document.body.scrollLeft;
y=document.body.clientHeight+document.body.scrollTop;若想得到整個頁面的高度可以用
『陸』 Javascript中如何獲取當前屏幕寬度高度
functionGetDisplayInfo(){
vararr={};
arr.displayHeight=window.innerHeight;
arr.displayWidth=window.innerWidth;
returnarr;
}
『柒』 html怎麼獲取屏幕高度和寬度
width_screen=screen.width; // 獲取寬度
height_screen=screen.height; 高度
availWidth_screen=screen.availWidth;
availHeight_screen=screen.availHeight;
colorDepth_screen=screen.colorDepth;
如果是動態獲取的話，就自己寫一個方法什麼的給封裝一下，然後載入。
『捌』 js中怎麼獲取當前屏幕寬度
1、js中獲取當前屏幕寬度方法如下：
網頁可見區域寬： 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
『玖』 html中 如何獲取屏幕寬度
把以下這段代碼放到<head></head>之間或<body></body>之間預覽即可看到數據
<script language="javascript" type="text/javascript">
/*將獲取的值存到變數里*/
width_screen=screen.width;
height_screen=screen.height;
availWidth_screen=screen.availWidth;
availHeight_screen=screen.availHeight;
colorDepth_screen=screen.colorDepth;
/*end*/
/*輸出值*/
document.write("你的屏幕寬為："+width_screen+"
你的屏幕高為："+height_screen+"
你的屏幕可用寬為："+availWidth_screen+"
你的屏幕可用高為："+availHeight_screen+"
你的顏色設置所有為數為："+colorDepth_screen);
/*end*/
</script>