首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性;在 IE下需要深入Document内部对body进行检测;在DOM环境下...--显示浏览器窗口的实际尺寸--> 浏览器窗口 的 实际高度: 浏览器窗口 的 实际宽度:...else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度

8K30

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(转)

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性;在IE下需要 深入Document内部对body进行检测;在DOM环境下...--显示浏览器窗口的实际尺寸--> 浏览器窗口 的 实际高度: 浏览器窗口 的 实际宽度: <input...window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度

16K10
您找到你想要的搜索结果了吗?
是的
没有找到

浏览器获取不同环境的window窗口宽度和高度

窗口大小 跨浏览器确定一个窗口的大小不是一件容易的事。...在IE9+、Safari和Firefox中,outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸(无论是从最外层的window对象还是从某个框架访问)。...在Chrome中, outerWidth 、 outerHeight 与 innerWidth 、 innerHeight 返回的值相同,即视口(viewport)大小而非浏览器窗口大小。...IE8及更早版本没有提供取得当前浏览器窗口尺寸的属性,不过它通过DOM提供了页面可见区域的相关信息。...虽然最终无法确定浏览器窗口本身的大小,但可以取得页面视口的大小,代码如下: var pageWidth = window.innerWidth,      pageHeight = window.innerHeight

2.6K10

js获取各种高度总结

在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。抽空整理了我自己常用到的,时间仓促,没有考虑到万恶的IE浏览器。。。。...获取屏幕的高度和宽度(屏幕分辨率): window.screen.height window.screen.width 获取屏幕工作区域的高度和宽度(去掉状态栏): window.screen.availHeight...window.screen.availWidth 网页全文的高度和宽度: document.body.scrollHeight document.body.scrollWidth 滚动条卷上去的高度和向右卷的宽度...: document.body.scrollTop document.body.scrollLeft 网页可见区域的高度和宽度(不加边线): document.body.clientHeight document.body.clientWidth...网页可见区域的高度和宽度(加边线): document.body.offsetHeight document.body.offsetWidth

12.5K20

js获取屏幕大小,当前网页和浏览器窗口

获取屏幕宽度:window.screen.width;    //整个屏幕的宽度 获取屏幕高度:window.screen.height;     //整个屏幕的高度 2.获取可用工作区尺寸 获取屏幕可用工作区域宽度...; 4.获取网页的宽高 获取整个网页的宽度:document.body.scrollWidth 获取整个网页的高度:document.body.scrollHeight 5.获取body的宽高(含边框...获取滚动条到左边的距离:document.body.scrollLeft / document.documentElement.scrollLeft 二、JQ部分 1、获取当前窗口浏览器宽高 获取当前窗口浏览器可视区域宽度...:$(window).width(); 获取当前窗口浏览器可视区域高度:$(window).height(); 2、获取当前窗口文档高宽 获取当前窗口文档宽度:$(document).width();...获取当前窗口文档高度:$(document).height(); 3、获取当前窗口body高宽 获取body宽度:$(document.body).width(); 获取body高度:$(document.body

10.2K20

JS 获取浏览器窗口大小clientWidth、offsetWidth、scrollWidth「建议收藏」

常用: JS 获取浏览器窗口大小 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body...) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight...winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; } 详细: 关于获取各种浏览器可见窗口大小...==> 页面对象高度(即BODY对象高度加上Margin高) scrollHeight: 获取对象的滚动高度。...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度

6.6K20

java获取窗口_获取窗口句柄

1、使用FindWindow函数获取窗口句柄 示例:使用FindWindow函数获取窗口句柄,然后获得窗口大小和标题,并且移动窗口到指定位置。...#include #include #include #include int main(int argc, char* argv[]) { //根据窗口获取QQ游戏登录窗口句柄 HWND...rect.bottom-rect.top; cout< return 0; } 2、使用EnumWindows和EnumChildWindows函数以及相对的回调函数EnumWindowsProc和EnumChildWindowsProc获取所有顶层窗口以及它们的子窗口...hWnd,WindowTitle,100); printf(“%s\n”,WindowTitle); EnumChildWindows(hWnd,EnumChildWindowsProc,NULL); //获取窗口的所有子窗口...} return true; } int main(int argc, _TCHAR* argv[]) { //获取屏幕上所有的顶层窗口,每发现一个窗口就调用回调函数一次 EnumWindows(

4.6K30
领券