经常在编写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.availheight
屏幕可用工作区宽度:window.screen.availwidth
HTML定位准确:scrollLeft,scrollwidth,clientwidth,offsetwidth
scrollheight:获取对象的滚动高度。
ScrollLeft:
设置或获取远程对象的左边缘与窗口中当前可见的内容最左端之间
ScrollTop:设置或获取远程对象的顶部之间的顶部窗口中可见的内容
ScrollWidth:获取对象的滚动的宽度
offsetheight:得到家长的高度坐标的对象相对于布局或由家长offsetparent
属性指定坐标
offsetleft:获取的对象相对于布局或母坐标的计算offsetparent属性指定的左边
位置 offsettop:获取的对象相对于布局或父母的offsettop属性指定坐标计算的顶部位置
相关
文件的event.clientx水平坐标
相关文件的event.clienty垂直坐标
event.offsetx相对容器的水平坐标
event.offsety相对容器的纵坐标
价值document.documentelement.scrolltop垂直方向滚动
事件的数量。ClientX + document.documentelement.scrolltop相对于
文档的水平坐标和垂直方向
IE浏览器,Firefox的差异如下:
IE6.0,ff1.06 +:
复制代码代码如下所示:
clientwidth =宽+填充
自己=高度+填充
offsetwidth =宽+填料+边界
offsetheight =高度+填料+边界
IE5.0 / 5.5:
复制代码代码如下所示:
clientwidth =宽边界
自己=高度边界
offsetwidth =宽度
offsetheight =高度
结论:身高和宽度有很多东西。有些人不了解自己。他们中的一些已经被他们自己测试过,他们中的一些人具有相同的价值。所以这很令人困惑,只能根据
情况来决定。