今天完成的事情：

完善了css前面所有的任务

学习JavaScript

js中的六中数据类型：

String 字符串 （在js中字符串需要用引号引起来）

Number 数值

Boolean 布尔值

Undefined 未定义

Object 对象 （引用数据类型）

在字符串中我们可以使用 \ 作为转义字符

使用typeof来检查一个变量的类型 语法：tapeof  变量

NAN是一个特殊数字，表示Not A Number

Null专门用来特指对象的值未设置

js的命名规则：

js中严格区分大小写，并以 ; 结尾  

js中可以有我们自主命名的都可以称为标志符

例如：变量名、函数名

准守规则：

1、标志符中可以含有：字母、数字、下划线、$

2、标志符不能以数字开头

3、标志符不能是ES中的关键字或保留字

4、标志符一般采用驼峰命名法

js运算：+  -  *  /

+：任何值和字符串做加法运算都会先转化为字符串，

然后再和字符串做拼串的操作

一元运算符：

+   -

在前面写+ 可以将任意数据类型变为number

自增 ++ ：通过自增可以使变量在自身的基础上增加1，对于一个变量自增以后，

原来的变量会立即自增1

自增分为两种 ： a++ 和++a  都会使原来的变量的值自增1，不同的是a++ 和++a的值不同，

例子：

   a=20

  b = a++的值为原变量的值（自增以前的值 b ==20，但是a已经加上21了）

  b = ++a的值为新值（自增后的值 b==21，但是a还是为20） 

  同理也有--a和a--，同自增

js逻辑运算符：

！非 ：对一个布尔值进行去反操作，为任意一个数据类型做两次的取反转变为布尔值

 && 与 ：两个值都为ture才会返回ture

 || 或 ：只要有一个为ture，就会返回ture

js的运算：

在js中整数的运算基本可以保证精确

如果是用js进行浮点运算，可能得到一个不精确的数，因为最终是转化为二进制运算， 1/10 二进制表达不出，所以造成运算不精确

常见的DOM 事件：

onclick事件——用户点击时

onload事件——用户进入

onunload事件——用户离开

onmouseover事件——鼠标移入

onmouseout事件——鼠标移出

onmousedown事件——鼠标按下

onmouseup事件——鼠标抬起

常见DOM操作：

1常用的查找节点的方法有：

document.getElementById('x');   选择id为x的元素

document.getElementsByClassName('x'); 选择class为x的元素

document.getElementsByTagName('p'); 选择p元素

2常用的新建节点的方法有：

document.createElement('元素名'); 创建新的元素节点

document.createAttribute('属性名');  创建新的属性节点

document.createTextNode('文本内容'); 创建新的文本节点

3常用的添加新节点的方法有：

1.element.setAttribute(attributeName, attributeValue ); 给元素增加指定属性，并设定属性值

2.element.setAttributeNode(attributeName ); 给元素增加属性节点

3.要向HTML DOM添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

1)document.createTextNode('新增文本内容');创建新的文本节点

2)parent.appendChild(创建的新节点);向父节点的最后一个子节点后追加新节点，或使用parent.insertBefore(newChild, existingChild );向父节点的某个特定子节点之前插入新节点

明天计划的事情：

继续看JavaScript文档