JS的引入与使用
    JS的引入推荐将 <script> 标签放在 </body> 前，这样可以确保 HTML 加载完毕后再运行脚本。
        要定义函数的话就在script标签里面编辑
        外部引入脚本的格式：<script src="path/to/your/script.js"></script>
基本写法
    var i=10；var用来定义变量
    alert(typeof i);typeof是用来返回一个当前变量类型的字符串
JS数据类型：数值number，字符串string，逻辑布尔boolea，空null，未定义undefined，Object（对象，数组）， Symbol 和 BigInt 类型这些是 ES6 及以后版本中新增的数据类型。
JS运算符号：与C语言类似。
    注意点1、如果出现除零,那么结果是 infinity,而不是报错
    2、取余数运算对于浮点数仍然有效,如果和0取余数,结果是NaN(not a number)
JS控制流程，与C语言类似，JavaScript 的大部分基础语法都与 C 语言类似，例如条件语句、循环语句等。
JS函数：三种写法：1、与Python类似，先写关键字function，再写函数name(参数){函数内容}
                2、先定义变量再赋值关键字函数，var name=function(){}
                3、最少用用且不推荐使用，因其安全性和性能问题。先定义变量再赋值函数，var name=new Function('js代码')
                4、箭头函数（ES6 语法）：const func = () => { // function body }
        调用方式：1、在head部分直接函数名，fun1()；
                2、在body的标签中设置相应的属性加函数名字示例ondblclick="fun1()" 
        传参与Python语言基本类似，注意：实际参数个数过多或者过少都不会报错
JS数组：四种创建方法，前三种使用new Array(); 与创建函数的第三种很像。
                    1、空数组var name=new Array();
                    2、定长数组var name=new Array(5);
                    3、定长，指定元素值var name=new Array();
                    4、类似于Python的创建var name=[3,4,5]
        元素和长度随意更改，长度通过length属性赋值更改。name.length=6;name[0]=3;
        遍历数组方法1、用for循环和length的结合，2、for (var name in 数组名){}
        常见方法使用，详细查询菜鸟网学习。
JS的常用对象：Array对象,String对象,Math对象,Number对象,Date对象等等.各对象的使用方法详细查询菜鸟网学习。
JS自定义对象三种方法：1、Object类型，var name=new Object();然后就类似Python更改类属性一样，name.age=23，name.eat=func(){}
                    2、准备一个构造方法，function Name(){} ,然后赋值var n1=new Name(传参);调用n1.属性名即可
                    3、字面量创建，var name={name:“小明”，eat：function(){}}；调用n1.属性名即可
JS的类对象的原型：原型可以理解为创建JS类的蓝图，根据原型创建实例然后赋值给对象，这就是整个原型的作用流程。
JS中的事件触发和绑定标签中设置相应的属性加函数名字示例ondblclick="fun1()" ，常见的事件详细查询菜鸟网学习。

BOM和DOM编程：
BOM是什么？是浏览器的控制，DOM是什么？是整个文档的控制。他们之间有关系吗？有！BOM其实也是一个类，一个被抽象出来的类，它的本体是浏览器，被抽象成window对象。
DOM也是被抽象出来的document对象，这个对象是用来控制当前浏览器页面对应文档的，因为文档是显示在浏览器上的，所以document对象是window类对象的属性。


BOM的学习比较简单主要是记住各种属性和方法就可。

DOM属于BOM属性当中比较难的一个，目前需要掌握的是对节点的各种操作。
    1、获取节点：1-var element1 =document.getElementById("d1");通过ID名
                2-var elements =document.getElementsByClassName(className);通过类名
                3-var elements =document.getElementsByTagName("input");通过标签名
                4-var elements=document.getElementsByName("hobby");通过name属性
        节点的获取类似于通过选择器筛选出指定内容
    2、操作节点属性：语法1：先获取属性值，然后将属性赋值给变量，最后将更改值赋值给变量的属性
                    示例var node =document.getElementById("in1");
                        console.log(node.type);
                        node.type="button";
                    语法2：也是先获取属性值使用两个方法
                    示例var node =document.getElementById("in1");
                        console.log(node.getAttribute("type"));
                        node.setAttribute("type","button");
    3、操作节点样式：总的来说是改变CSS
                    步骤如下：先获取属性值，然后将属性赋值给变量，变量通过访问和修改style属性的各种属性实现。如果提前写好选择器可以通过增加属性来改变
                    示例function fun1(){
                                // 节点.style.样式名=样式值
                                var element =document.getElementById("div1");
                                element.style.width="200px";
                                element.style.height="200px";
                                element.style.border="10px solid green";
                                // css样式在更多的时候是以class选择器的形式作用到元素上
                                // 可以通过修改class属性,影响div的样式
                                element.setAttribute("class","a")
                                }
    4、操作标签文本：两种innerText不包含HTML结构和innerHTML包含HTML结构
    5、增加删除节点：var div1=document.getElementById("d1");创建节点
                    div1.appendChild(in1);追加节点
                    in3.onclick=function (){}节点点击后的操作
                    div1.removeChild(in1)删除节点
    获取元素时，推荐使用 querySelector 和 querySelectorAll，这些方法更灵活，支持 CSS 选择器。
    增加节点时，可以使用大量新的 API，例如 insertAdjacentHTML, append, prepend，它们更现代并且使用更方便。