BOM操作

简介: BOM操作

@[toc]

BOM事件

页面加载

在这里插入图片描述

调整窗口事件

在这里插入图片描述

定时器

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

停止计时器

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

在这里插入图片描述

Location对象

在这里插入图片描述

History对象

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

Offsetleft获取元素偏移

在这里插入图片描述

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

Offset与style的区别

在这里插入图片描述

可视区client系列

在这里插入图片描述

滚动scroll系列

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

Mouseover和mousenter区别

在这里插入图片描述

动画原理

实现

在这里插入图片描述

在这里插入图片描述

动画封装

在这里插入图片描述

给不同对象添加定时器

在这里插入图片描述

缓动动画原理

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

多个位置间移动

在这里插入图片描述

目录
相关文章
|
9月前
|
XML JavaScript API
BOM 和 DOM 的关系
BOM 和 DOM 的关系
|
1月前
|
JavaScript 前端开发
JavaScript操作BOM对象
JavaScript操作BOM对象
11 1
|
1月前
|
JavaScript 前端开发
JavaScript操作BOM简单案例
JavaScript操作BOM简单案例
11 1
|
1月前
|
编解码 JavaScript 前端开发
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
45 2
|
10月前
|
JavaScript 前端开发
|
10月前
|
JavaScript 前端开发 网络协议
【BOM】
【BOM】
46 0
|
12月前
|
存储 移动开发 缓存
你应该掌握的DOM和BOM基础
你应该掌握的DOM和BOM基础
75 0
|
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
简单解析BOM中Navigator对象
简单解析BOM中Navigator对象 navigator对象包含了有关浏览器的信息。 console.log(navigator); // 属性 // appCodeName 返回浏览器的代码名 console.log(navigator.appCodeName); // appName 返回浏览器的名称 console.log(navigator.appName); // appVersion 返回浏览器的平台和版本信息 console.log(navigator.appVersion); // cookieEna

热门文章

最新文章