js简介

1.js是一种解释型、弱类型、面向对象的脚本语言

解释型：不需要编译、不需要检查语法错误，可以直接运行，遇到错误就停止运行。
弱类型：变量的数据类型是由数据来决定的
面向对象：万物皆对象，一个对象应该有属于自己的属性和方法。

2.js严格区分大小写。

3.引入方式

<script src=""><script>

4.创建变量

var 变量名 = 值;

5.创建常亮

const 常量名 = 值；

js基础

1.数据类型转换

隐式转换：
    1. + 两边只要遇到了字符串，两边都会转换为字符串，再拼接
    2. - * / % 字符串会转换为数字，但是只有纯数字的字符串才可以，遇到非纯数字，结果为NaN
    3. !isNaN（）判断是否为一个纯数字
显示转换：
    1.转为字符串  .toString()
    2.转为数字： parseInt()    parseFloat()    Number()   （就是隐式转换，不要手动使用）

2.函数

需要预定义的可以反复使用的代码段
创建函数
    function 函数名（）{
        代码段
    }
调用函数
    一般与事件搭配使用

3.循环结构

1.while循环 满足条件执行代码段
    while（条件）{
        代码段
    }
2. do while循环  先执行一次代码，再判断条件，满足继续执行。
    do{
        代码段
    }while（条件）；
3.for 循环
    for（）{
        代码段
    }
while循环一般用于不知道循环次数的情况，搭配break使用
for循环一般用于知道循环次数的情况

4.数组

创建数组
    var arr = [元素，元素...]
    var arr = new Array(元素，元素...);
访问数组元素
    数组名[下标]
添加/修改元素
    数组名[下标] = 新元素；
    ps：
        如果下标处有元素，则为替换
        如果下标处没有元素，则为添加
        直接使用可能导致下标越界，产生稀疏数组，一般搭配 数组名.length 使用
遍历数组
    一般搭配for循环只用

DOM树

1.获取元素

1.id查找：document.getElementById("id名")；
    找到返回元素，没找到返回 null
    ps：如果有多个元素，只会返回第一个元素
        找到的元素为单个元素，可以直接使用
2.标签名查找：document/找到的父元素.getElementsByTagName("标签名")
    找到返回一个DOM集合，没找到返回一个空数组
    ps：做操作时要搭配遍历，不能直接做操作
3.类名查找：document.getElementsByClassName("类名")
    找到返回一个DOM集合，没找到返回一个空数组
    ps：做操作时要搭配遍历，不能直接做操作

2.操作元素

1. .innerHTML  获取/设置元素的内容  可以识别标签
    获取内容
        元素.innerHTML
    设置内容
        元素.innerHTML = "值"
2. .innerText  获取元素的文本 不可以识别标签
    获取内容
        元素.innerText
    设置内容
        元素.innerText = "值"
3. .value  获取/设置单标签的内容
4. 获取属性
    .getAttribute("属性名")
    .setAttribute("属性名","值")
    .属性名  缺陷：不能操作自定义属性