1.数据类型
![](https://img-blog.csdnimg.cn/20200131134631723.png)
2.
![](https://img-blog.csdnimg.cn/20200131134829844.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
3.输入会话框
![](https://img-blog.csdnimg.cn/20200131134949749.png)
4.while和do-while
![](https://img-blog.csdnimg.cn/2020013113515386.png)
5.函数的两种定义方式
![](https://img-blog.csdnimg.cn/20200131135821774.png)
函数表达式必须在定义后调用
6.形参函数的参数默认值
![](https://img-blog.csdnimg.cn/20200131135958836.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
7.或运算与运算的高级用法
![](https://img-blog.csdnimg.cn/20200131140128627.png)
8.函数变量提升和递归函数
9.定义数组
![](https://img-blog.csdnimg.cn/20200131140613561.png)
数组内置方法:
10.对象-基本数据类型和引用数据类型的区别
![](https://img-blog.csdnimg.cn/20200131150735647.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
11.对象-内置对象
![](https://img-blog.csdnimg.cn/20200131150831309.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20200131150859604.png)
12.BOM与DOM
![](https://img-blog.csdnimg.cn/20200131151031643.png)
![](https://img-blog.csdnimg.cn/20200131151138773.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20200131151156230.png)
window对象:
13.DOM中的bool属性
![](https://img-blog.csdnimg.cn/2020013115201182.png)
14.
![](https://img-blog.csdnimg.cn/20200131154345287.png)
15.dom0级与dom2级
![](https://img-blog.csdnimg.cn/20200131154436505.png)
![](https://img-blog.csdnimg.cn/20200131154503595.png)
![](https://img-blog.csdnimg.cn/20200131154515990.png)
![](https://img-blog.csdnimg.cn/20200131154848694.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
监听器addEventListener的优点时可以重复对同一个事件类型例如click可以注册多次
btn.addEventListener("click",a);
btn.addEventListener("click",b);
function a(){
alert(555);
}
function b(){
alert(666);
}
16.事件
![](https://img-blog.csdnimg.cn/20200131154643166.png)
![](https://img-blog.csdnimg.cn/20200131154707648.png)
![](https://img-blog.csdnimg.cn/20200131154730461.png)
![](https://img-blog.csdnimg.cn/20200131154754460.png)
17.dom事件流
![](https://img-blog.csdnimg.cn/2020013115493162.png)
![](https://img-blog.csdnimg.cn/20200131155023309.png)
![](https://img-blog.csdnimg.cn/2020013115495973.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxOTkwMA==,size_16,color_FFFFFF,t_70)
18.scrollTop
元素对象.scrollTop 属性: 设置 或者 获取元素距离顶部的偏移
元素对象.scrollLeft 属性: 设置 或者 获取元素距离左边的偏移
当要获取页面的滚动条时
通常按这个顺序查找
事件源: window document document.documentElement body
19.定义方法获取样式属性
function getCss(obj, css) {
return obj.currentStyle ? obj.currentStyle[css] : getComputedStyle(obj, null)[css]
}
20.opacity和rgba的区别
rgba不会继承给子元素
opacity会继承给子元素
21.switch高级用法
把switch里面的表达式直接变成true
可以取代if else
<script>
let score = prompt("请输入成绩","");
switch(true){
case score>90:
console.log("国外旅游");
break;
case score>80:
console.log("国内旅游");
break;
case score>70:
console.log("市内旅游");
break;
case score>0:
console.log("室内旅游");
break;
default:
console.log("???");
break;
}
</script>