‘壹’ 怎么用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>