声明变量加var关键字 声明函数加function关键字 实例化对象需要加new关键字 JS中对象的key不用加引号 函数的作用域：先在函数内部找，没有的话就去函数外面找 函数执行的过程中做了两步操作 第一步：词法分析,给AO赋值 第二步：真正执行阶段，就去AO上找 ##################### var name="abc" var person={name:xiaqiang,abc:100} console.log(person.name)      结果是 xiaoqiang console.log(person[name])      结果是 100 上述两种情况注意区分 ##################### JS中的对象，相当于python中的内置模块 Date对象 JSON对象   JSON.stringify：序列化  JSON.parse：反序列化 BOM就是与浏览器的一些交互     location.href 获取当前地址的url     location.href="https://www.baidu.com" 从当前地址跳转到百度     alert() 弹出框     setInterval clearInterval 多少毫秒之后做什么事儿     setTimeout  clearTimeout  每隔多少毫秒做什么事儿 DOM     找标签：         document.getElementById(d1) 找id为d1的标签         document.getElementsByClassName("c1") 找class为c1的标签         document.getElementsByTagName("p") 找标签名为p的标签         找父标签：             var d1element=document.getElementById("d1")             d1element.parentElement         找所有子标签：             var d1element=document.getElementById("d1")             d1element.children         找第一个子标签：             var d1element=document.getElementById("d1")             d1element.firstElementChild         找最后一个子标签：             var d1element=document.getElementById("d1")             d1element.lastElementChild         找上一个兄弟标签：             var d1element=document.getElementById("d1")             d1element.previousElementSibling         找下一个兄弟标签：             var d1element=document.getElementById("d1")             d1element.nextElementSibling     创建标签：         追加一个子节点(作为最后的子节点)             var imgelement=document.createElement("img") //创建一个img标签             var d1element=document.getElementById("d1")  //找到id为d1的标签             d1element.appendChild(imgelement)  //在d1标签的最后面把img标签加上去             imgelement.src="https://img.zcool.cn/communi.jpg"  //为img标签设置src属性         把增加的节点放到某个节点的前面             var imgelement=document.createElement("img") //创建一个img标签             var d0element=document.getElementById("d1")  //找到id为d0的标签             d1element.insertBefore(imgelement,d1element) //在id为d0标签下的id为d1的标签前面加上img标签             imgelement.src="https://img.zcool.cn/communi.jpg"  //为img标签设置src属性         取标签内部的文字：             pelement.innerText         在标签内部加入文字：             pelement.innerText="我是新p哈哈哈哈哈"         取标签：             d0element.innerHTML         在标签内部加入新的标签：             d0element.innerHTML="
最后一个P了
"     删除标签：         var d0element=document.getElementById("d0")  //找id为d0的标签         var d1element=document.getElementById("d1")  //找id为d1的标签         d0element.removeChild(d1element)  //在id0标签中把id1标签删除     替换标签：         d0element.replaceChild(aelement,pelement) 在d0element标签下用aelement去替换pelement     获取输入框中的值         先找到标签，然后.value     JS操作class         删除属性             divelement[0].classList  //列出divelement标签所有的class属性             divelement[0].classList.remove("c2")  //移除c2这个属性         添加属性             divelement[0].classList  //列出divelement标签所有的class属性             divelement[0].classList.add("c2")  //添加c2这个属性         查看是否包含某个属性             divelement[0].classList.contains("c2")  //查看是否包含c2这个属性，返回true和flase         存在就删除，否则就添加             divelement[0].classList.toggle("c2")     JS操作CSS         一般是标签对象.css.xxx         如果带横杠，如background-color，就应该写成.css.backgroundColor         其他的就直接.css.xxx 事件：     常用事件：         onclick 单击事件         ondbclick 双击事件事件         onfocus 获取焦点事件         onblur 失去焦点事件         onchange 域的内容发生改变事件     绑定事件的两种方法：         在标签里直接写属性(οnclick=foo())         在JS中给标签绑定事件     this代表的是触发事件的当前标签     涉及到DOM操作的JS代码要放在body标签内部的最下面，因为HTML文件是由上向下解析的