js获取浏览器的各种属性,js中的如何定位固定层的位置

内需获得一些HTML的靶子的坐标来更加灵敏的安装目的层的坐标,这里能够透过用到document.body.scrollTop等属性,可是那一个属性在xhtml的正规网页中或更简便易行的说正是带<!DOCTYPE…>的竹签中获得的值是0;倘若不用此标签则一切不奇怪,那么在xhtml中哪些取得body的坐标呢?当然有主意了,大家应用document.documentElement来代表document.body举例能够如此写:

网页可见区域宽: document.body.clientWidth;

复制代码 代码如下:

网页可知区域高: document.body.clientHeight;

var top=document.documentElement.scrollTop ||document.body.scroolTop;

网页可知区域宽: document.body.offsetWidth    (富含边线的宽);

js中的||是个好东西
,不但能够用在if的尺码语句中,何况还是能够用在变量的赋值上,上例可以写成如下格式:

网页可见区域高: document.body.offsetHeight   (满含边线的宽);

复制代码 代码如下:

网页正文全文宽: document.body.scrollWidth;

var top=document.documentElement.scrollTop
?document.documentElement.scrollTop : document.body.scrollTop;

网页正文全文高: document.body.scrollHeight;

如此写能够有很好的包容性。还要当心的有个别是:若是不注明document.documentElement.scrollTop的值反而会突显0。

网页被卷去的高: document.body.scrollTop;

必发365手机版 1

网页被卷去的左: document.body.scrollLeft;

表达要想获得当前页面上滚动条坐标的纵坐标位置:用
document.documentElement.scrollTop并非用
document.body.scrollTop;
document.documentElement获取的是html标签,
document.body获取的是body标签;
在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;
假诺大家要定点鼠标相对于页面包车型大巴绝度地点时,会在物色引擎中猎取的几近会让您用
event.clientX+document.body.scrollLeft
,event.clientY+document.body.scrollTop;
假定开采鼠标偏离了你的想象,一点都想不到,因为IE5.5之后就不在帮忙document.body.scrollX对象了
因此大家要增多一句;

网页正文部分上: window.screenTop;

复制代码 代码如下:

网页正文部分左: window.screenLeft;

必发365手机版,if (document.body && document.body.scrollTop
&&document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrollTop&&
document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}

显示器分辨率的高: window.screen.height;

上边介绍一些参数的用法:
网页的可知区域涨幅:document.body.clientWidth;
网页的可知区域中度:document.body.clientHeight;
网页可知区域宽:document.body.offsetWidth;(包含边线的宽);
网页可知区域高:document.body.offsetHeight;(满含边线的宽);
网页正文全文宽:document.body.scrollWidth;
网页正文全文高:document.body.scrollHeight;
网页被卷去的高:document.body.scrollTop;
网页被卷去的左:document.body.scrollLeft;
网页正文部分上:windows.screenTop;
网页正文部分左:windows.screenLeft;
显示器分辨率的高:windows.screen.height;
显示屏分辨率的宽:windows.screen.widht;
荧屏可用专门的学业区中度:windows.screen.availHeight;
荧屏可用专业区宽度:windows.screen.availWidth;
得到对象的轮转中度:scrollHeight;
安装或获得位于对象右侧界和窗口中近期可知内容的最左端之间的相距
:scrollLeft;
设置或获得位于对象最上方和窗口中可知内容的最下边之间的相距 :scrollTop;
获得对象的轮转宽度:scrollWidth;
获取对象相对于版面或由父坐标:offsetParent 属性钦点的父坐标的万丈
:offsetHeight;
得到对象相对于版面或由offsetParent 属性钦赐的父坐标的测算侧边地点:offsetLeft;
获得对象相对于版面或由offsetTop
属性钦命的父坐标的计量顶上部分地点:offsetTop;
event.clientX:绝对于文档的水平坐标;
event.clientY:相对于文档的垂直坐标;
event.offsetX:相对于容器的水平坐标;
event.offsetY:相对于容器的垂直坐标;
document.documentElement.scrollTop:设置滚动的垂直中度
event.clientX +
document.documentElement.scrollTop:相对文书档案的等级次序地方+垂直方向的滚动量;

显示屏分辨率的宽: window.screen.width;

您也许感兴趣的篇章:

  • JS达成稳定在右下角可实行裁减DIV层的不二等秘书技
  • js固定DIV中度,超过部分机关抬高滚动条的简便方法
  • js
    固定悬浮效果达成思路代码
  • JS实现活动定位最上端的浮动菜单栏效果
  • js完结简单的左右两侧牢固广告功用实例
  • js
    DIV滚动条随飞机位置置的设置技术
  • js,jquery滚动/跳转页面到钦命地点的落到实处思路
  • JS和JQUE宝马7系Y获取页面大小,滚动条地点,成分地点(示例代码)
  • javascript
    获取页面的万丈及滚动条的岗位的代码
  • javascript
    精确获取页面成分的职位
  • JS轻易贯彻DIV相对于浏览器固定地点不改变的秘籍

显示屏可用工作区高度: window.screen.availHeight;

荧屏可用事业区宽度:window.screen.availWidth;

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获得位于对象侧面界和窗口中如今可知内容的最左端之间的偏离

scrollTop:设置或获得位于对象最最上部和窗口中可知内容的最上方之间的偏离

scrollWidth:获取对象的轮转宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent
属性内定的父坐标的可观

offsetLeft:获取对象相对于版面或由 offsetParent
属性钦命的父坐标的计量侧面地方

offsetTop:获取对象相对于版面或由 offsetTop
属性钦命的父坐标的总括最上端地方 

event.clientX 相对文书档案的水准座标

event.clientY 相对文书档案的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标 

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop
相对文书档案的程度座标+垂直方向滚动的量

要得到当前页面包车型大巴滚动条纵坐标地方,用:

document.documentElement.scrollTop;

而不是:

document.body.scrollTop;

documentElement 对应的是 html 标签,而 body 对应的是 body 标签

以上就是本文的全体内容,希望本文的剧情对大家的上学或然干活能拉动一定的援手,同不常间也指望多多辅助脚本之家!

您或者感兴趣的作品:

  • js获取浏览器中度 窗口低度 成分尺寸
    偏移属性的方法
  • js
    获取浏览器高度和增长幅度值(多浏览器)
  • js/jquery获取浏览器窗口可视区域中度和幅度以及滚动条中度实今世码
  • js
    获取显示器种种宽高的不二等秘书诀(浏览器包容)
  • javascript得到设置div的高度和宽度包容任何浏览器
  • javascript获得和决断浏览器窗口、显示屏、网页的冲天、宽度等
  • JS获取显示屏,浏览器窗口大小,网页中度小幅度(落成代码)

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website