用js获取页面宽度和高度的代码分别如下:
1、IE下:
document.body.scrollWidth;
document.body.scrollHeight;
2、Firefox下:
document.documentElement.scrollWidth;
document.documentElement.scrollHeight;
获得的尺寸是包括了页面当前显示的尺寸加上滚动条可滚动的宽度和高度。
其它页面尺寸相关的属性:
网页可见区域宽: 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;
当前鼠标位置的X坐标:document.body.scrollLeft+event.clientX; 网页横向滚动条的左位置 + 事件源的X坐标
当前鼠标位置的Y坐标:document.body.scrollTop+event.clientY;
分享到:
相关推荐
javascript 获取滚动条高度 页面宽度 页面高度 教程
javascript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf
javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf
javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar
javascript获取网页高度宽度.rar
javascript 获取网页高度宽度.pdf
主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下
viewportSize, 使用JavaScript获取 CSS viewport的大小 viewportSize允许你使用JavaScript获取 CSS viewport的宽度和高度。作者:Tyson Matanich http://matanich.com 。许可证:MIT演示:http://matanich
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...
经常发现在写JavaScript的时候,都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题,时常前用后忘,要不就是在网上search,干脆自己总结一下,这样也方便再次使用,省时省力。 网页可见区域宽:...
48、原生JavaScript获取页面可视宽度 49、原生JavaScript获取页面宽度 50、原生JavaScript获取页面scrollTop 51、原生JavaScript获取页面可视高度 52、原生JavaScript跨浏览器添加事件 53、原生JavaScript跨浏览器...
用实例代码讲述了JavaScript如何获取页面图片原始尺寸的方法,现在分享给大家供大家参考学习,有需要的可以一起来看看。
JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸1)关于 pageX, clienX,offsetX,layerXpageX:鼠标在页面上的位置,从
目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据...
21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 ...
21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 ...
12.6.2 改变图片的高度和宽度属性 12.7 应知应会 练习 第13章 事件处理 13.1 事件处理函数介绍 13.2 事件处理的内联模型 13.2.1 HTML和事件处理函数 13.2.2 设置事件处理函数...