声明变量加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>最后一个P了</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 域的内容发生改变事件
绑定事件的两种方法：
在标签里直接写属性(onclick=foo())
在JS中给标签绑定事件
this代表的是触发事件的当前标签
涉及到DOM操作的JS代码要放在body标签内部的最下面，因为HTML文件是由上向下解析的
