【笔记整理】pink老师JavaScript前端课程---API基础部分

第一天   DOM-获取元素 

1.   API的作用和分类

1.2   DOM的作用：开发网页内容特效和实现用户交互（操作网页内容）

2.  根据CSS选择器来获取DOM元素

 

querySelector（）小括号里面必须是字符串，也是必须加引号

3.  操作元素内容

4.1 操作元素常用属性

4.2操作元素样式属性

通过style属性操作CSS

对象.style.样式属性 = 值     值为字符串

生成的是行内样式表，权重比较高

通过操作类名className操作CSS

直接使用className赋值会覆盖以前的类名

通过classList操作类控制CSS

4.3操作表单元素属性

input.checked = true   //选中复选框

button.disabled = true   //禁用按钮

4.4自定义属性

 5.  定时器-间歇函数

开启定时器 setInterval（函数名，间隔时间）   一秒 = 1000毫秒

关闭定时器 clearInterval（变量名）

 第二天   DOM-事件基础

1.   事件监听

2.   事件类型

3.   事件对象

str.trim()   去除字符串左右的空格

4.   环境对象

5.   回调函数

CSS复选框伪类选择器 

第三天   DOM-事件进阶

1.   事件流

2.   事件委托

 3.   其他事件

3.1   页面加载事件

 3.2   元素滚动事件

3.3   页面尺寸事件 

 4.   元素尺寸与位置

 第四天   DOM-节点操作

 1.   日期对象

getDay( )  中获取的 0 为星期日

 

2.   节点操作

2.1   DOM节点

2.2   查找节点

   

2.3   增加节点  

 2.4   删除节点 

 3.   M端事件（移动端）

 4.   JS插件

 第五天   BOM-操作浏览器

1.   Window对象

1.1   BOM浏览器对象模型

 1.2   定时器-延时函数

1.3   JS执行机制

 1.4   location对象

1.5   navigator对象 

1.6   history对象

 2.   本地存储

里面所有键和值都需要加引号

本地存储只能存储字符串数据类型

本地只能存储字符串，无法存储复杂数据类型

 第六天   正则表达式

1.   正则表达式介绍

2.   正则表达式语法

第一步：定义正则表达式

第二步：检测查找是否匹配

 3.   元字符

/^[a-c]$/ 是n选一

 4.   修饰符

change事件：内容发生变化