1、变量与字符串：
变量：是一个容器，里面是用来存方东西的，可以使数字，也可以是字符串，也可以是对象，也可以是其他的东西，比如说布尔值。
字符串：一串字符。比如abc
变量是可以接受字符串的：
var str = "abcdef";
var str1 = 'abc';
也就是说在定义字符串的时候，可以使用单引号也可以使用双引号。
在代码中使用到字符串的时候必须要加上引号，使用变量的时候不需要（不能加）。
2、通过JS的obj.style.样式操作的是元素的行间属性。
行间样式： 直接写在HTML元素style属性中的样式
内部样式： 写在HTML头部的style标签里面的样式
外部样式： 通过link或者@import引入的外部样式
3、优先级：
猜想1：内部 》 行间 》 外部
猜想2：行间 》 内部 》外部
实验：如果样式没有冲突，显示的时候会怎么样？
结论：所有的设置的样式效果都会显示
实验：如果样式有冲突，显示的时候会怎么样？
结论1：行间的样式优先级最高。
结论2：外部样式与内部样式谁距离标签近，谁的优先级高。
4、id选择器、class选择器、标签选择器。优先级谁高？
id > class > 标签
在操作元素样式的要统一，要不全部使用行间样式操作，要不全部统一为操作元素的类。
5、jS代码是按照从上到下的顺序加载的，执行循序也是从上到下。一行代码执行完成之后，再加载下一行代码。
一个页面中script标签可以有很多个。
6、匿名函数，当一个函数直接赋值的时候，这个时候函数不需要具有名字，类似的比如赋值给事件，赋值给变量都不需要名字，这样的函数叫做匿名函数。
匿名函数的格式：
var a = function (){
};
7、window.onload
页面加载事件，当整个页面的所有HTML标签加载完成的时候，会自动的触发这个事件。有了这个事件我们就不需要考虑JS的位置了。写在onload事件函数里面的代码会在页面加载完成的时候执行。
8、JS规范
自己写的JS一般书写在body结束标签之前，所有的页面标签之后。
9、行间事件的提取
样式表现 ，行为 与内容相分离。
内容与样式分离
- 首先通过JS获取出来要添加事件的标签
var oBtn = document.getElementById('btn'); - 给这个标签添加指定的事件处理函数
oBtn.onclick = function(){}; - 实现函数
oBtn.onclick = function(){
var oDiv = document.getElementById('div');
oDiv.className = 'to-blue';
};
10、页面添加CSS的方式
行间： 直接写在标签的style属性值
内部： 写在HTML头部里面的style标签里
外部： 通过link引入一个css文件
11、页面添加JS 的方式
行间：a标签的href. 行间事件
内部：写在script标签里面
外部：通过script标签的src属性引入。
一旦script标签通过src属性引入了外部的js文件，这个标签的内部就不能写任何JS代码
12、document.getElementsByTagName
属于DOM操作
get Element s By Tag Name
获取 元素 们 根据 标签 名
注意：获取的是一组数据，即使里面符合条件的只有一个，那么也是一组数据。
获取出来的数据是一个数组。
数组就是一组数据。数组具有一个length属性，这个属性可以获取出来数组中具有多少个数据。length会随着数组元素的个数发生变化。
get Element s By ClassName
获取 元素 们 根据 类名
13、while循环 执行循环
起床 --- 上课 ----吃饭 ---睡觉 ---上课 ----吃饭 ---睡觉
数学 1+100
while(条件){
循环执行过程
改变条件
}
例子：打印1-100
//初始化循环条件
var a= 1;
//判断是否符合循环条件
while(a < 101){
//执行循环内容
console.log(a);
//改变循环条件
a = a + 1;
}
