JS网页高度相关
程序员文章站
2022-03-09 13:35:37
...
<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
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;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>
推荐阅读
-
网页总是有上边距,且JS脚本只能用于IE_html/css_WEB-ITnose
-
JS判断网页广告是否被浏览器拦截过滤的代码_javascript技巧
-
Yii2的相关学习记录,自定义gii模板和引用vendor中的js、css(四) - 漫游云巅
-
JS根据浏览器窗口大小实时动态改变网页文字大小的方法_javascript技巧
-
js 显示base64编码的二进制流网页图片_javascript技巧
-
js控制iframe的高度/宽度让其自适应内容
-
IOS与网页JS交互详解及实例
-
不用JS,教你只用纯HTML做出几个实用网页效果
-
js cookies 常见网页木马挂马代码 24小时只加载一次
-
点下网页的任意地方,都可到达指定页面的js代码