js

js存在形式：
        head标签中或者body的最下面写（一般都在body的最下面写）
            <script type="text/javascript">
                js代码
            </script>
            <script src="js路径"></script>
            <script src="urls上的js"></script>
        注释：单行//  多行/*  */
    
    基本数据形式：
        数字   
            a=18;
            parseInt("18")  字符串转换成整数
            parseFloat("18") 字符串装换成浮点数
            
        字符串
            a="alex"
            a.length
            a.charArt(索引)
            a.substring(起始位置，结束位置) 取到起始位置，取不到结束位置
            a.concat(字符串)  拼接字符串，相当于字符串相加
            a.toLowerCase(字符串)  转小写
            a.toUpperCase(字符串)  转小写
            a.split(分割符)  字符串转列表
        布尔类型
            true
            false
        列表(数组) a=[1,2,3]
            obj.length
            obj.push(字符串)  尾端加元素
            obj.pop()  尾端删除元素并返回值
            obj.splice(开始索引，元素个数,元素值......)  删除或替换元素
                obj.splice(n,1,val)   指定位置开始替换元素
                obj.splice(n,1)       指定位置删除元素
                obj.splice(n,0,val)   指定位置添加元素
            obj.reverse()  反转
            obj.join("分隔符") 列表转字符串
            obj.concat(val)  数组连接
        字典
            {"a":1,"b":2}
        
        for循环
            1.循环索引或者key
            a=[1,2,3]
            for(var i in a){
                console.log(i)
            }
            a={"a":1,"b":2}
            for(var i in a){
                console.log(i)
            }
            2.循环变量
            for(var i=0;i<10;i++){
            
            }
            
            
        条件语句
            if(条件){
            }
            else if(条件){
            }
            else if(条件){
            }
            else{
            }
        ==值相等
        ！=
        ===值和类型都相等
        ！==
        &&  表示and
        ||  表示or
        
        
        函数
        function 函数名(形参1,形参2......){
        }
        
        dom
        寻找标签
            直接找标签
                document.getElementById()
                document.getElementsByTagName()
                document.getElementsByClassName()
                document.getElementsByTagName()
            间接找标签
                parentElement  父节点标签
                children  所有子标签
                firstElementChild  第一个子标签元素
                lastElementChile   最后一个子标签元素
                nextElementSibling   下一个兄弟标签元素
                previousElementSibling   上一兄弟个标签元素
        操作标签
        innerText
            标签.innerText  找到标签内容
            标签.innerText=val  给标签赋新内容
        className
            标签.className
            标签.className=val
        classList
            标签.classList
            标签.classLista.add(val)
            标签.classLista.remove(val)
        checked
            标签.checked
            标签.checked=true or false
        
        事件
            <div onclick='函数(参数......)'></div>
            <script>
                function 函数(形参)){
                }
            </script>