JavaScript总结
2025-01-17 16:21:35 0 举报
AI智能生成
个人总结
作者其他创作
大纲/内容
EcmaScript
WebAPI
DOM
DOM简介
Document
Element
Node
获取元素
原生方法获取
document.getElementById
document.getElementsByTagName
H5新增方法获取
document.getElementsByClassName
document.querySelector('css 选择器') -> 获取第一个符合规则的元素
document.querySelectorAll('css 选择器') -> 获取所有符合规则的元素
获取特殊元素
document.documentElement -> 获取html元素
document.body-> 获取body元素
事件基础(事件三要素)
事件源: 绑定或触发事件的对象
事件类型: 鼠标事件/键盘事件
事件处理机制: 事件触发后的处理流程
操作元素
操作元素内容
innerText: 获取或设置元素内容,不能识别标签
innerHTML: 获取或设置元素内容,能识别标签
操作元素属性
操作一般元素属性
操作表单元素属性
操作元素样式属性
style
className
操作元素自定义属性
set/remove/getAttribute
h5新增的设置、获取元素自定义属性的方法
操作节点
节点是什么
节点的组成
节点的层级关系
创建、添加、删除和克隆节点
BOM
BOM简介
window对象的常见事件
load事件
document DOMContentLoaded事件
resize事件
定时器
setTimeout
setInterval
JS执行机制
location对象
URL
location对象的常见属性和方法
navigator对象
history对象
history对象的常见方法
事件高级
注册事件
传统方法注册事件
addEventListener注册事件
删除事件
删除传统方法注册的事件
删除addEventListener注册的事件
DOM事件流
事件对象
事件对象的常见属性
事件对象的常见方法
阻止事件冒泡
事件委托
常用的鼠标事件
常用的键盘事件
PC端网页特效
元素偏移量offset系列
元素可视区client系列
元素滚动scroll系列
classList
本地存储
sessionStorage
localStorage
ES6类和对象
类和对象
继承
注意事项
insertAdjacentHTML
ES5构造函数和原型
构造函数和原型
继承
类的本质
ES5新增的方法
数组新增方法
字符串新增方法
对象新增方法
函数进阶
函数的定义与调用
函数内部的this指向
严格模式
高阶函数
闭包
递归
正则表达式
正则表达式的定义与常用方法
正则表达式的特殊字符
边界符
字符类
量词符
预定义类
ES6新特性
let const 关键字
数组/对象的解构赋值
箭头函数
剩余参数
数组/对象的展开运算符
模版字符串
收藏
收藏
0 条评论
下一页