js得到当前窗口内的宽度和高度

 1 <SCRIPT  LANGUAGE="JavaScript">
 2 var    s  =  "网页可见区域宽:"+  document.body.clientWidth;
 3 s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;
 4 s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";
 5 s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";
 6 s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth;
 7 s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight;
 8 s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop;
 9 s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft;
10 s  +=  "\r\n网页正文部分上:"+  window.screenTop;
11 s  +=  "\r\n网页正文部分左:"+  window.screenLeft;
12 s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;
13 s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width;
14 s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight;
15 s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth;
16 alert(s);
17 </SCRIPT>

转载自http://blog.163.com/[email protected]/blog/static/37430915201031734726319/,感谢分享

时间: 2024-08-29 09:29:56

js得到当前窗口内的宽度和高度的相关文章

JS,Jquery获取各种屏幕的宽度和高度

Javascript: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: d

JS,JQuery各种获取屏幕的宽度和高度

JQuery: $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border pa

【轉】JS,Jquery获取各种屏幕的宽度和高度

Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: docu

学前段好还是后端好? JS,Jquery获取各种屏幕的宽度和高度?

学前段好还是后端好 WEB前端交流群  172994155  回复 ww 验证 Javascript:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: 

Js中获取显示器、浏览器以及窗口等的宽度与高度的方法

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scr

获取各种屏幕宽度、高度

JS,Jquery获取各种屏幕的宽度和高度 Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scr

获取图片实际渲染的宽度、高度与图片原始的宽度和高度

在写页面时经常会遇到需要获取图片的宽度.高度等情况.然而以前总是获取的是图片实际渲染的宽度和高度,也就是你用css或js设置后的图片的宽度和高度,并不是图片原始的尺寸.今天突然遇到这个问题,一时之间不知如何做,查了下资料,自己摸索了一下.特此总结一下. 例如.有这样一张图片,代码如下: <img src="创建ajax的过程.png" alt="" > 1.获取图片渲染的宽度和高度(可用js或jQuery实现). (1).使用js获取图片实际渲染的宽度.

js获取元素,窗口的宽度、高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width());

JS框架_(Popup.js)3D对话框窗口插件

3D对话框窗口插件效果: <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content=&qu