教程地址：https://www.bilibili.com/video/BV1k4411w7sV

中文文档：https://developer.mozilla.org/zh-CN/docs/Web/API

素材源码：https://gitee.com/xiaoqiang001/jsapis_material/tree/master

一、DOM（文档对象模型）

1.选择器

ID选择器 getElementById()

标签选择器 getElementsByTagName()

类选择器

querySelector()可以选任意标签 id 类

2.事件

 btn.onclick = function () {    //function (不能写参数)}

innerText与innerHTML

this

排他思想

常用于轮播图

换背景色

表单全选与取消

自定义属性

Tab栏切换

https://www.bilibili.com/video/BV1k4411w7sV?p=33

H5自定义属性

3.节点操作

父节点&子节点

parentNode 不是parent

常用

兄弟节点

常用

创建&添加节点

删除节点

复制节点

动态创建元素

4.DOM操作事件

绑定事件

解绑事件

事件流&事件捕获、冒泡

事件对象（重要）

e.target与this的区别（重要）

谁调用，this就指向谁
谁触发，e.target就指向谁e.currentTarget与this功能相同，但ie 6 7 8 不兼容，一般不用

阻止默认行为

阻止冒泡

事件委托

利用事件冒泡

鼠标事件

键盘事件

一般常用onkeyup

二、BOM （浏览器对象模型）

1.窗口加载事件 onload

2.窗口大小调整事件 resize

3.定时器

setTimeout()

clearTimeout()

setInterval()

clearInterval()

4.同步与异步

以前

现在

执行机制（高级）

5.location对象

6.navigator对象

7.history对象

三、电脑端网页特效（待定）

四、手机端网页特效（待定）

五、本地存储（重要）

sessionStorage

localStorage

【前端】js 视频笔记（DOM BOM）相关推荐

视频教程-19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频-ReactJS
19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频 7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/j ...
Auto.js视频笔记
跳转总目录前言这篇笔记是我跟着视频教程自学时做的笔记教程来源:b站-墨水心-Auto.js从入门到精通视频地址:[Auto.js从入门到精通-哔哩哔哩] https://b23.tv/Me45 ...
前端JS学习笔记——内置对象Math、Date 、Array、String
目录 1.Math常用方法 2.Date()方法如何获取Date的时间戳 Date()方法的使用格式化日期时间格式化输出一串时间日期倒计时功能 3.Array方法创建数组对象的两种方法检测 ...
Node.js学习笔记一
目录 1. 什么是Node.js 2.Node.js可以做什么 3. 终端的一些快捷键 4. fs文件系统模块 5. path模块 6. http模块 7. 模块化 8. npm和包 9. 模块的加载 ...
web前端-JS（DOM、BOM）
web前端-JS(DOM.BOM) 1. DOM- 操作元素 1.1 获取元素 1.2 事件基础 1.3 操作元素 1.3.1 改变元素的内容 1.3.2 常见元素的属性操作 1.3.3 表单元素的属 ...
前端JS基础知识复习笔记（1）
珠峰前端JS基础复习笔记(1) 在财务工作中自学了HTML和CSS之后,硬啃了JS高级编程三,实在觉得想要学的透是需要找一位好老师的,于是最近在学习周啸天老师的JS高级编程课,课外需要再补补基础,就回 ...
视频教程-2020全新Javascript基础面试视频前端js教程-JavaScript
2020全新Javascript基础面试视频前端js教程 7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/java/python,专注于服 ...
前端学习:学习笔记(JS部分）
前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解) JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介新建步骤 <body ...
前端获取div里面的标签_web前端教程JavaScript学习笔记DOM
web前端教程JavaScript学习笔记 DOM一DOM(Document Object Model): 文档对象模型其实就是操作 html 中的标签的一些能力我们可以操作哪些内容获取一个元素 ...

【前端】js 视频笔记（DOM BOM）