其实，本文提到的方案既适用于台式机也适用于手机与平板电脑。
JavaScript方案
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<SCRIPT LANGUAGE=
"JavaScript"
>
var
s =
"网页可见区域宽 ："
+ document.body.clientWidth;
s +=
"\r\n网页可见区域高："
+ document.body.clientHeight;
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;
alert(s);
</SCRIPT>
|
利用jQuery框架同样可以实现类似以上操作，例如：
alert($(window).width());
alert($(document).width());
本文转自朱先忠老师51CTO博客，原文链接：http://blog.51cto.com/zhuxianzhong/1902193 ，如需转载请自行联系原作者
