<html>
<head>
<title>51windows.Net </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<body>
<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;
alert(s);
</SCRIPT>
</body>
</html>
分享到:
相关推荐
Js中 关于top、clientTop、scrollTop、offsetTop等
Js中_关于top、clientTop、scrollTop、offsetTop.doc
Js中关于top、clientTop、scrollTop、offsetTop.pdf
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
之前在修改IE6下的一个显示bug时,查到过这些,贴这备忘,后面给出了详细说明,以前的版本,没仔细的说明,特希望大家也收藏下。
很好很好好、很好很好好、很好很好好、很好很好好、
比如:clientTop、offsetTop、scrollTop、clientWidth、offsetWidth、event.clientX等等形形色色的属性,让人看得眼花缭乱,久而久之对这些属性的运用很迷茫。为了能快速开发出合格的web应用,掌握这些属性是必要的...
clientHeight,只读 clientHeight可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来...clientTop,只读 一个元素顶部边框的宽度(以像素表示)。嗯。。就只是border-top-width 类似的属性还有一
每次看到js中的 clientHeight(clientTop), offsetHeight(offsetTop),scrollHeight(scrollTop)就头大,根本分不清这几种的区别,然而碰到这些已经不 值一两次了,然后每次都要查看一下各自的区别,才能决定使用哪个...
偏移相关:offsetTop、clientTop、scrollTop、pageYOffset、scrollY; 获取相对视口位置:Element.getBoundingClientRect(); 获取元素的style对象:Window.getComputedStyle(Element); 属性的定义 关于尺
以Top为例,Left同理: div.clientTop:margin之后padding之前的长度值。 div.offsetTop:该元素的上border的上边缘 到 该元素的offsetParent的上border内边缘的垂直距离。 div.scrollTop:对象的最
getBoundingClientRect和offsetTop区别slice splice substring substr区别scrollTop、scrollHeight、offsetTop、offsetHeight、clientHeight、clientTop__proto__与prototype傻傻分不清?检测数据类型的方法原型链,...
第一组:offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent 第二组:clientWidth,clientHeight,clientLeft,clientTop 第三组:scrollWidth,scrollHeight,scrollLeft,scrollTop 详细定义如下: ...
c={ x:elmt.offsetLeft, y:elmt.offsetTop }; //c.x=this.parseInt(c.x); //c.y=this.parseInt(c.y); if (withMargin){ var m=this.getMargin(elmt); ...