搜索
您的当前位置:首页正文

js获取网页可见区域、正文以及屏幕分辨率的高度_javascript技巧

2023-12-04 来源:爱乐情感

网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft 屏幕分辨率的高: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度: window.screen.availWidth 因为一直记不住这些所以转过来常看看就应该能记住了 有了这个我就可以来动态加载图片代码了 代码如下: document.onmousewheel = function () { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var hght = document.body.scrollHeight; if (scrollTop + document.documentElement.clientHeight >= hght) { /*在这里写加载图片的代码*/ }

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

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

  Javascript:

  网页可见区域宽 document body clientWidth

  网页可见区域高 document body clientHeight

  网页可见区域宽 document body offsetWidth (包括边线的宽)

  网页可见区域高 document body offsetHeight (包括边线的高)

  网页正文全文宽 document body scrollWidth

  网页正文全文高 document body scrollHeight

  网页被卷去的高 document body scrollTop

  网页被卷去的左 document body scrollLeft

  网页正文部分上 window screenTop

  网页正文部分左 window screenLeft

  屏幕分辨率的高 window screen height

  屏幕分辨率的宽 window screen width

  屏幕可用工作区高度 window screen availHeight

  屏幕可用工作区宽度 window screen availWidth

  JQuery:

  $(document) ready(function(){

  alert($(window) height()); //浏览器当前窗口可视区域高度

  alert($(document) height()); //浏览器当前窗口文档的高度

  alert($(document body) height());//浏览器当前窗口文档body的高度

  alert($(document body) outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

  alert($(window) width()); //浏览器当前窗口可视区域宽度

  alert($(document) width());//浏览器当前窗口文档对象宽度

  alert($(document body) width());//浏览器当前窗口文档body的宽度

  alert($(document body) outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

lishixin/Article/program/Java/JSP/201311/20160

javascript如何获取页面的高度和宽度

strInfo+=\r\n网页可见区域高:+document.body.clientHeight;
strInfo+=\r\n网页可见区域宽:+document.body.offsetWidth+(包括边线的宽);
strInfo+=\r\n网页可见区域高:+document.body.offsetHeight+(包括边线的高);
strInfo+=\r\n网页正文全文宽:+document.body.scrollWidth;
strInfo+=\r\n网页正文全文高:+document.body.scrollHeight;
strInfo+=\r\n网页被卷去的高:+document.body.scrollTop;
strInfo+=\r\n网页被卷去的左:+document.body.scrollLeft;
strInfo+=\r\n网页正文部分上:+window.screenTop;
strInfo+=\r\n网页正文部分左:+window.screenLeft;
strInfo+=\r\n屏幕分辨率的高:+window.screen.height;
strInfo+=\r\n屏幕分辨率的宽:+window.screen.width;
strInfo+=\r\n屏幕可用工作区高度:+window.screen.availHeight;
strInfo+=\r\n屏幕可用工作区宽度:+window.screen.availWidth;
window.confirm(strInfo);
</script
-----------------------------------------------------------------------------------------
最近编程中发现html静态页面的开发可以使用
document.body.ClientHeight
来获得页面的高度,但asp.net的页面却无法这样获取,获取到的只是页面最小的高度,比如页面只有一个button,那么该js语句获得的就是24。
document.documentElement.OffsetHeight
----------------------------------------------------------------------------------------加上document.body.scrollLeft;
document.body.scrollTop;
x=document.body.clientWidth+document.body.scrollLeft;
y=document.body.clientHeight+document.body.scrollTop;若想得到整个页面的高度可以用

javascript如何获取页面的高度和宽度

strInfo+=\r\n网页可见区域高:+document.body.clientHeight;
strInfo+=\r\n网页可见区域宽:+document.body.offsetWidth+(包括边线的宽);
strInfo+=\r\n网页可见区域高:+document.body.offsetHeight+(包括边线的高);
strInfo+=\r\n网页正文全文宽:+document.body.scrollWidth;
strInfo+=\r\n网页正文全文高:+document.body.scrollHeight;
strInfo+=\r\n网页被卷去的高:+document.body.scrollTop;
strInfo+=\r\n网页被卷去的左:+document.body.scrollLeft;
strInfo+=\r\n网页正文部分上:+window.screenTop;
strInfo+=\r\n网页正文部分左:+window.screenLeft;
strInfo+=\r\n屏幕分辨率的高:+window.screen.height;
strInfo+=\r\n屏幕分辨率的宽:+window.screen.width;
strInfo+=\r\n屏幕可用工作区高度:+window.screen.availHeight;
strInfo+=\r\n屏幕可用工作区宽度:+window.screen.availWidth;
window.confirm(strInfo);
</script
-----------------------------------------------------------------------------------------
最近编程中发现html静态页面的开发可以使用
document.body.ClientHeight
来获得页面的高度,但asp.net的页面却无法这样获取,获取到的只是页面最小的高度,比如页面只有一个button,那么该js语句获得的就是24。
document.documentElement.OffsetHeight
----------------------------------------------------------------------------------------加上document.body.scrollLeft;
document.body.scrollTop;
x=document.body.clientWidth+document.body.scrollLeft;
y=document.body.clientHeight+document.body.scrollTop;若想得到整个页面的高度可以用

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

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

宽度:document.documentElement.clientWidth

高度:document.documentElement.clientHeight

文档类型:XHTML1.0

浏览器:ALL

JS 获取当前浏览器宽高

JQuery获取:

console.log($(window).width()); //浏览器当前窗口可视区域宽度

console.log($(window).height()); //浏览器当前窗口可视区域高度

console.log($(document).width());//浏览器当前窗口文档对象宽度

console.log($(document).height()); //浏览器当前窗口文档的高度

console.log($(document.body).width());//浏览器当前窗口文档body的宽度

console.log($(document.body).height());//浏览器当前窗口文档body的高度

console.log($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

console.log($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

JS获取:

窗口可视区域宽度 : document.documentElement.clientWidth || document.body.clientWidth;

窗口可视区域高度 : document.documentElement.clientHeight || document.body.clientHeight;

窗口可视区域宽度+边线和滚动条 : document.body.offsetWidth ;

窗口可视区域高度+边线和滚动条 : document.body.offsetHeight ;

实际内容的宽度 : document.body.scrollWidth;

实际内容的高度 : document.body.scrollHeight;

滚动条下拉被卷起来的距离 :document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

滚动条侧拉被卷起来的距离 :document.body.scrollLeft || document.documentElement.scrollLeft ;

网页正文部分上 :window.screenTop;

网页正文部分左 :window.screenLeft;

元素的宽度 :obj.offsetWidth;

元素的高度 :obj.offsetHeight;

相对于父元素的上位移 :obj.offsetTop;(在元素的包含元素不含滚动条的情况下)

相对于父元素的左位移 :obj.offsetLeft;(在元素的包含元素不含滚动条的情况下)

爱乐情感还为您提供以下相关内容希望对您有帮助:

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

网页正文部分左 window screenLeft 屏幕分辨率的高 window screen height 屏幕分辨率的宽 window screen width 屏幕可用工作区高度 window screen availHeight 屏幕可用工作区宽度 window screen availWidth JQuery:(document) ready...

js如何算出浏览器的像素是多少像素每英寸

网页正文部分上:window.screentop 网页正文部分左:window.screenleft 屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用工作区高度:window.screen.availheight 屏幕可用工作区宽度:window.screen...

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

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

怎么用js获取手机屏幕的分辨率

屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用工作区高度:window.screen.availHeight 屏幕可用工作区宽度:window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWi...

JS获取body的高度

4、document.body.offsetHeight;//网页可见区域高(包括边线的高)5、document.body.scrollWidth;//网页正文全文宽 6、window.screen.availHeight;//屏幕可用工作区高度 7、window.screen.availWidth;//屏幕可用工作区宽度 8、...

js中怎么获取当前屏幕宽度?

1、js中获取当前屏幕宽度方法如下:网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body....

JS如何获取网页除了工具栏以外的高度

s += "\r\n网页正文部分左:"+ window.screenLeft;s += "\r\n屏幕分辨率的高:"+ window.screen.height;s += "\r\n屏幕分辨率的宽:"+ window.screen.width;s += "\r\n屏幕可用工作区高度:"+ window....

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

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

body height=100% js 获取 实际高度

text/javascript"&gt; var s = " ";document.documentElement.scrollTop 就是滚动条距离顶部的位置(可变)document.documentElement.scrollLef 指滚动条距离左边的位置(可变)s += "\r\n网页可见区域宽: "+...

jquery怎么获取浏览器屏幕分辨率

alert(screen.height);//显示器分辨率,只能用JavaScript代码获取 alert(screen.width);}) 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth ...

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

Top