JS中的offsetLeft属性具体有什么用

一、JS中的offsetLeft属性具体有什么用

1、可以判断一个物体的跟document的左边距离，也就是浏览器左边缘。写一个div获取这个div之后alert(你的div.offsetLeft)就可以距离浏览器左边的距离。

2、offset不单单只有Left还有offsetTop offsetWidth offsetHeight都是JS里很有用的属性。(PS:此属性当父元素没有position时有效，有父元素时将是判断距离父元素的距离）。

3、JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

4、它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

5、Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey解译过的指令暂存，以提高性能，称为实时编译）。

6、但由于V8的核心部分多数用Javascript撰写（而SpiderMonkey是用C++），因此在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。

7、参考资料来源：百度百科-javascript

二、js 如何获取浏览器的高度

1、网页可见区域宽： document.body.clientWidth

2、网页可见区域高： document.body.clientHeight

3、网页可见区域宽： document.body.offsetWidth(包括边线的宽)

4、网页可见区域高： document.body.offsetHeight(包括边线的高)

5、网页正文全文宽： document.body.scrollWidth

6、网页正文全文高： document.body.scrollHeight

7、网页被卷去的高： document.body.scrollTop

8、网页被卷去的左： document.body.scrollLeft

9、网页正文部分上： window.screenTop

10、网页正文部分左： window.screenLeft

11、屏幕分辨率的高： window.screen.height

12、屏幕分辨率的宽： window.screen.width

13、屏幕可用工作区高度： window.screen.availHeight

14、屏幕可用工作区宽度： window.screen.availWidth