Javascript获取Web页面、浏览器、屏幕高度和宽度的摘要。

Javascript获取Web页面、浏览器、屏幕高度和宽度的摘要。
经常在编写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 =高度
结论:身高和宽度有很多东西。有些人不了解自己。他们中的一些已经被他们自己测试过,他们中的一些人具有相同的价值。所以这很令人困惑,只能根据情况来决定。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部