BOM操作

简介: BOM操作

@[toc]

BOM事件

页面加载

在这里插入图片描述

调整窗口事件

在这里插入图片描述

定时器

在这里插入图片描述
在这里插入图片描述

停止计时器

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Location对象

在这里插入图片描述

History对象

在这里插入图片描述
在这里插入图片描述

Offsetleft获取元素偏移

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

Offset与style的区别

在这里插入图片描述

可视区client系列

在这里插入图片描述

滚动scroll系列

在这里插入图片描述
在这里插入图片描述

Mouseover和mousenter区别

在这里插入图片描述

动画原理

实现

在这里插入图片描述

在这里插入图片描述

动画封装

在这里插入图片描述

给不同对象添加定时器

在这里插入图片描述

缓动动画原理

在这里插入图片描述
在这里插入图片描述

多个位置间移动

在这里插入图片描述

目录
相关文章
|
7月前
|
XML JavaScript API
BOM 和 DOM 的关系
BOM 和 DOM 的关系
|
6月前
|
JavaScript 前端开发
函数 DOM BOM
函数 DOM BOM
函数 DOM BOM
|
8月前
|
JavaScript 前端开发 网络协议
【BOM】
【BOM】
44 0
|
8月前
|
JavaScript 前端开发
|
10月前
|
存储 移动开发 缓存
你应该掌握的DOM和BOM基础
你应该掌握的DOM和BOM基础
69 0
|
10月前
|
XML JavaScript 数据格式
我理解的BOM
BOM(Browser ObjectModel) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
|
存储 缓存 JavaScript
详解BOM的存储对象
详解BOM的存储对象 今天来讲一下BOM中的最后一部分内容,BOM的存储对象。在JavaScript中以前有cookie对象可以对一部分数据进行存储,但是安全性低,并且容量有限。所有就有了现在的BOM中的存储对象 sessionStroage 和 localstroage 对象。 HTML代码: <h1>02BOM的储存对象</h1> <h3>sessionStorage</h3> <button>setItem()</button> <button>getItem()</button> <button>removeItem()</button>
|
JavaScript 前端开发 UED
BOM常见方法
BOM常见的方法 window对象常见的事件 窗口加载事件onload
|
编解码 缓存 JavaScript
BOM-DOM
JS查漏补缺系列是我在学习JS高级语法时做的笔记,通过实践费曼学习法进一步加深自己对其的理解,也希望别人能通过我的笔记能学习到相关的知识点。这一次我们来了解JavaScript中的BOM-DOM
79 0