您的当前位置:首页正文

js获取页面及个元素高度、宽度的代码_javascript技巧

2023-12-06 来源:站点网
导读<body><SCRIPT LANGUAGE="JavaScript">var  s = "";s += "rn网页可见区域宽:"+ document.body.clientWidth;s += "rn网页可见区域高:"+ document.body.clientHeight;s&nb

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高(ff):document.body.scrollTop; 网页被卷去的高(ie): document.documentElement.scrollTop; 网页被卷去的左:document.body.scrollLeft; 网页正文部分上:window.screenTop; 网页正文部分左:window.screenLeft; 某个元素的宽度:obj.offsetWidth;某个元素的高度:obj.offsetHeight;某个元素的上边界到body最顶部的距离:obj.offsetTop;(在元素的包含元素不含滚动条的情况下)某个元素的左边界到body最左边的距离:obj.offsetLeft;(在元素的包含元素不含滚动条的情况下)返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offsetTop(在元素的包含元素含滚动条的情况下)返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offsetLeft(在元素的包含元素含滚动条的情况下)

scrollTop, scrollLeft

设置或返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候,例如,元素的 CSS overflow 属性设置为 auto 的时候,这些像素才有用。这些属性也只在文档的 或 标记上定义(这和浏览器有关),并且一起来制定滚动文档的位置。注意,这些属性并不会指定一个 标记的滚动量。这是非标准的但却得到很好支持的属性

以上这篇js获取页面及个元素高度、宽度的代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

小编还为您整理了以下内容,可能对您也有帮助:

如何用JAVASCRIPT获取当前窗口的高度和宽度

<body><SCRIPT LANGUAGE="JavaScript">

var  s = "";

s += "rn网页可见区域宽:"+ document.body.clientWidth;

s += "rn网页可见区域高:"+ document.body.clientHeight;

s += "rn网页可见区域宽:"+ document.body.offsetWidth  +" (包括边线和滚动条的宽)";

s += "rn网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";

s += "rn网页正文全文宽:"+ document.body.scrollWidth;

s += "rn网页正文全文高:"+ document.body.scrollHeight;

s += "rn网页被卷去的高:"+ document.body.scrollTop;

s += "rn网页被卷去的左:"+ document.body.scrollLeft;

s += "rn网页正文部分上:"+ window.screenTop;

s += "rn网页正文部分左:"+ window.screenLeft;

s += "rn屏幕分辨率的高:"+ window.screen.height;

s += "rn屏幕分辨率的宽:"+ window.screen.width;

s += "rn屏幕可用工作区高度:"+ window.screen.availHeight;

s += "rn屏幕可用工作区宽度:"+ window.screen.availWidth;

s += "rn你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";

s += "rn你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";

alert(s);

</SCRIPT>

拿去 看看有没有你要的

JavaScript 怎么获取元素的宽度 ?

javascript获取元素的高度:

var obj = document.getElementById("test");

alert(obj.height + "\n" + obj.width);

// 200px 200px typeof=string只是将style属性中的值显示出来

扩展:

获取元素的实际大小

clientWidth和clientHeight

这组属性可以获取元素可视区的大小,可以得到元素内容及内边距所占据的空间大小。返回了元素大小,但没有单位,默认单位是px,如果你强行设置了单位,比如100em之类,它还是会返回px的大小。(CSS获取的话,是照着你设置的样式获取)。对于元素的实际大小,clientWidth和clientHeight理解方式如下:

a. 增加边框,无变化;

b. 增加外边距,无变化;

c. 增加滚动条,最终值等于原本大小减去滚动条的大小;

d. 增加内边距,最终值等于原本大小加上内边距的大小;

js 如何获取浏览器的高度?

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度

宽度:document.documentElement.clientWidth

高度:document.documentElement.clientHeight

文档类型:XHTML1.0

浏览器:ALL

js如何根据不同屏幕的大小,获得页面高度,自动调整列表高度

var win_w = $(window).width();//获取宽度

var win_h = $(window).height();//获取高度

如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读取列表,然后用JS呈现在手机网页中的。

站点网还为您提供以下相关内容希望对您有帮助:

如何用JAVASCRIPT获取当前窗口的高度和宽度

&lt;SCRIPT LANGUAGE="JavaScript"&gt;var s = "";s += "\r\n网页可见区域宽:"+ document.body.clientWidth;s += "\r\n网页可见区域高:"+ document.body.clientHeight;s += "\r\n网页可见区域宽:"+ document.b...

如何获取屏幕的宽度

问题一:js 中怎么获取当前屏幕的宽度 document.documentElement.clientWidth 这个方法返回页面在当前窗口中可见部分的宽度(不包括滚动条宽度);window.innerWidth 这个方法返回页面在当前窗口中可见部分宽度(包括滚动条宽度);windo...

js 如何获取浏览器的高度?

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度 宽度:document.documentElement.clientWidth 高度:document.documentElement.clientHeight 文档类型:XHTML1.0 浏览器:ALL...

javascript如何获得网页可见区域的高度(不包括被滚动条卷去的内容) 就...

你可以参考下面这个函数,这个函数是获取完整页面尺寸的函数(即你说的浏览器能看到的区域,不包括被滚动条卷去的区域)---js代码--- function GetPageSize(){ var xScroll, yScroll;if (window.innerHeight &amp;&amp; wind...

JavaScript或者jQuery怎样获取一个隐藏元素的宽高

jquery中获取div中图片的宽和高的方法:("#content").width();("#content").height();("#content").innerWidth();//元素内部区域高度,忽略padding、border ("#content").outerHeight();//忽略边框 ("#content")....

【急】高分求完整的js获取浏览器个要素高度宽度值的方法!!!

获取浏览器可见区域高度:height = document.documentElement.clientHeight;Body对象宽度:width = document.body.clientWidth;Body对象高度:height = document.body.clientHeight;firefox和IE一样...在Opera下:获取浏览器可见区域...

怎么用js获取div的当前宽度?

,就只能分别针对不用浏览器来获取样式表的属性了,可以试着搜索“JS 获取样式属性”之类的。代码:var o = document.getElementById("view");var h = o.offsetHeight; //高度var w = o.offsetWidth; //宽度 ...

如何获取div距离浏览器顶部的高度,宽度,内容

可以使用offset()方法来获取元素距离浏览器的边距,offset()方法返回或设置匹配元素相对于文档的偏移(位置)。工具原料:编辑器、浏览器1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度,简单的代码示例...

请问,如何用javascript获取html整个页面的高度,包括可视部分,还有不可 ...

function xx(){ var a = document.documentElement || document.body;var c = a.scrollHeight;alert(c);} xx();//1918

js 如何获得浏览器的高度

要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后):1、outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。2、outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

精彩推荐

更多阅读

Top