promethemu 可视化集成工具

转载

mob64ca141a2a87 2025-03-24 20:19:25

1、什么是BOM

BOM（Browser Object Document）即浏览器对象模型。

BOM提供了独立于内容而与浏览器窗口进行交互的对象；

由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；

BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；

BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。

2、bom的组成

1、关于浏览器窗口的window

2、用于导航的 location 与 history

3、关于显示器信息的 screen

4、关于浏览器信息的 Navigator

3、window对象

window对象是js中的顶级对象，所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法，在调用的时候可以省略window。

1、定时器

延迟执行 setTimeout( [string | function] code, interval);

clearTimeout([number] intervalId);

定时执行 var timerId = setInterval(code, interval);

clearInterval(timerId); //清除定时器

2、offset

offsetWidth与 offsetHeight	offsetWidth = width+ padding + border offsetHeight = height + padding + border	1、是数值（没有单位） 2、只读（不可设置）
offsetLeft和offsetTop	1，到距离自身最近的（带有定位的）父元素的左侧/顶部 2，如果所有父级元素都没有定位，则以body为准 3，offsetLeft是自身border左侧到父级padding左侧的距离	1、是数值（没有单位） 2、只读（不可设置）
offsetParent	1. 返回该对象距离最近的带有定位的父级元素 2. 如果当前元素的所有父级元素都没有定位（position为absolute或relative），那么offsetParent为body 3. offsetLeft获取的就是相对于offsetParent的距离

promethemu 可视化集成工具_父级元素

3、scroll

scrollHeight和scrollWidth	对象内部的实际内容的高度/宽度（不包括border）
scrollTop和scrollLeft	被挡去部分的顶部/左侧到可视区域顶部/左侧的距离
onscroll事件	滚动条滚动触发的事件
页面滚动坐标	scrollTop = window.pageYoffset \|\| document.documentElement.scrollTop \|\| document.body.scrollTop \|\| 0;