一、输出方式
1.console.log();在控制台输出 2.alert();在弹窗输出 3.document.write();在页面输出
二、变量（=是赋值符号，==是比较符号！）
var 变量名=值；
三、常量
const 常量名=值； 常量不能修改
四、运算符（+ - * / %）
算数运算符
1.- * / %碰到任何数据类型都会转换为数字，进行算式运算（数字蓝色) 2.+碰上字符串类型，会转换为字符串（字符串黑色） 3.%不是百分号，是取余符号，可以用来判断数字奇偶，例如：数字%2==0，为偶数；数字%2==1，为奇数。
比较运算符
< == >= <= !=
逻辑运算符
&&并且，需要同时满足 ||或，满足一个就可以 ！非，与原本相反
五、数据类型
1.字符串
用""包裹,不和+同时操作时，""内纯数字可以转换为数字
2.数字
直接写
3.boolean
取值为true、false,用于判断，碰上除了+string之外的算数运算，false转换为数字0，true转换为数字1
4.undefined
默认值，未赋值时显示为undefined,碰上除了+string之外的算数运算，转换为NaN,NaN进行任何算数运算结果都等于NaN
5.null
空,碰上除了+string之外的算数运算，转换为0
六、用户输入框
var user=prompt{"提示内容"}；
七、强制转换
1.parseInt();
转变为整数，从左往右识别，碰到不是数字的字符停止
2.parseFloat();
转变为一位小数的数字，从左往右，只能识别第一个小数点
八、函数的创建和调用
创建函数：function 函数名（）{} 调用函数：
九、分支结构
if（）{ }else if{ }else{ } 可以写很多else if
十、循环结构
var 循环变量=多少； while(循环条件){ 循环体； 循环变化； }
死循环： while（true）{操作}
for( var 循环变量=多少；循环条件；循环变化){ 循环体； }
死循环： for(;;){操作}
十一、数组
1.创建数组
var arr[数据，数据....];
2.访问
arr[下标]； 下标从0开始
3.追加/替换元素
arr[i]=值； 当前下标有元素就是替换，没有就是追加。
4.属性
数组名.length 获取到此数组的长度
5.向末尾添加元素
arr[arr.length]=值；
6.获取倒数第n个元素
arr[arr.length-n]
7.缩容
arr.length-=n;
8.遍历数组
for(i=0;i<arr.length;i++){ console.log(arr[i]); }
十二、获取元素
1.通过id:
var elem=document.getElementById("id值")；
2.通过标签名：
var elem=document.getElementsByTagname("标签名")；
3.通过class名：
var elem=document.getElementsByClassName("class名")；
4.找爸爸：
elem.parentNode;
5.找儿子：
elem.children;找到的是一群儿子，数组
6.第一个儿子：
elem.firstElementChild;
7.最后一个儿子：
elem.lastElementChild;
8.前一个兄弟：
elem.previousElementSibling;
9.后一个兄弟：
elem.nextElementSibling;
十三、操作元素
1.获取内容：
elem.innerHTML/elem.innerText
设置内容：
elem.innerHTML="内容";/elem.innerText="内容";
区别：innerHTML可以识别到里面标签，innerText只能识别到文本信息
2.获取属性值：
elem.getAttribute("属性名");
设置属性值：
elem.getAttribute("属性名"，"属性值");
简写版本：
获取属性值：
elem.属性名;
设置属性值：
elem.属性名="属性值";
缺点：
不能使用自定义属性 class要写为className
3.获取样式：
elem.style.css属性名；
设置样式：
elem.style.css属性名="css属性值";
十四.绑定事件
elem.onclick=function(){ 操作 }
