Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY 相对容器的垂直坐标; scrollWidth 获取对象的滚动宽度; scrollHeight 获取对象的滚动高度; scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 ; scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 ; offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度; offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度; offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 ; offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置. Javascript获取屏幕、窗口大小方法: 屏幕分辨率的高:window.screen.height ; 屏幕分辨率的宽:window.screen.width ; 屏幕可用工作区高度(不包含任务栏):window.screen.availHeight ; 屏幕可用工作区宽度(不包含任务栏):window.screen.availWidth; 网页可见区域宽(不包含滚动条和边框):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 . 注:有时会出现取不到值的情况,是因为html文件头部加了文档类型: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" , 此时把document.body.scrollTop和document.body.scrollLeft改为:document.documentElement.scrollTop 和document.documentElement.scrollLeft即可,document.body.clientWidth和document.body.clientHeight也要改为:document.documentElement.clientWidth和document.documentElement.clientHeight 当然还有疏漏或没说明清楚的地方,大家可以补充、讨论或者百度百度,一起进步!ye~
推荐整理分享Javascript获取窗口(容器)的大小及位置参数列举及简要说明(js获取弹窗的元素),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js获取弹出框内容,javascript获取网页内容,javascript获取网页内容,js如何获取页面中的内容,JavaScript获取窗口大小,js如何获取页面中的内容,js获取当前窗口,JavaScript获取窗口大小,内容如对您有帮助,希望把文章链接给更多的朋友!
addEventListener和attachEvent二者绑定的执行函数中的this不相同 写addEventListener和attachEvent区别的博文不少,不过大部分都把重点放置于前者是Firefoxchrome,后者只是存在于IE系列中。最近在写一个事件代理的时候,遇
js切换div css注意的细节 附上代码:!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.Transitional//EN""
Ajax执行顺序流程及回调问题分析 一个全局的变量varJsonData;我这里有一个Ajax处理的方法:JScriptcode:functionGetJson(DataSourceName){$.ajax({type:post,url:Ajax/AjaxData.ashx?MethodName=+DataSourceName,contentType:a