10月2号

一、JavaScript中的"=、==、==="的区别：

=：赋值运算

==：判断两个变量是否相同，仅限于值，如果值相同而类型不同，那么JavaScript引擎会在内部做类型转换

===：判断两个变量是否相同，无论是值还是类型，如果类型不同而值相同，也会返回false，而引擎不会在内部进行转换

如："1" == true

类型不同，"=="将先做类型转换，把true转换为1，即为 "1" == 1；

此时，类型仍不同，继续进行类型转换，把"1"转换为1，即为 1 == 1；

此时，"==" 左右两边的类型都为数值型，比较成功！

如果比较："1" === true 左侧为字符型，右侧为bool布尔型，左右两侧类型不同，结果为false；

如果比较："1" === 1 左侧为字符型，右侧为int数值型，左右两侧类型不同，结果为false；

如果比较： 1 === 1 左侧为int数值型，右侧为int数值型，左右两侧类型相同，数值大小也相同，结果为true；

如果比较： 1 === 2 左侧为int数值型，右侧为int数值型，左右两侧类型相同，但数值大小不同，结果为false；

总结：

==用于一般比较，===用于严格比较；

== 在比较的时候可以转换数据类型；

=== 严格比较，只要类型不匹配就返回flase。

二、document的对象方法：

对象方法
document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个html标签对象
document.getElementById(ID) //获得指定ID值的对象
document.getElementsByName(Name) //获得指定Name值的对象

document.body.appendChild(oTag)

常用的的几种方法：

document.getElementById()···id
document.getElementsByClassName()···class
document.getElementsByName()···name
document.getElementsByTagName()···<
document.querySelector()···单个 css
document.querySelectorAll()···集合

三、html加载顺序

从上到下运行，先解析head标签中的代码，
（1）head标签中会包含一些引用外部文件的代码，从开始运行就会下载这些被引用的外部文件
当遇到script标签的时候
浏览器暂停解析（不是暂停下载），将控制权交给JavaScript引擎（解释器）
如果<script>标签引用了外部脚本，就下载该脚本，否则就直接执行，执行完毕后将控制权交给浏览器渲染引擎
（2）当head中代码解析完毕，会开始解析body中的代码
如果此时head中引用的外部文件没有下载完，将会继续下载
浏览器解析body代码中的元素，会按照head中声明一部分样式去解析
如果此时遇到body标签中的<script>，同样会将控制权交给JavaScript引擎来解析JavaScript
解析完毕后将控制权交还给浏览器渲染引擎。
当body中的代码全部执行完毕、并且整个页面的css样式加载完毕后，css会重新渲染整个页面的html元素。
（3）按照之前的描述，<script>写到body标签内靠后比较好，
因为JavaScript 会操作html元素， 如果在body加载完之前写JavaScript 会造成JavaScript 找不到页面元素
但是我们经常将<script>写到head中，body中不会有大量的js代码，body中的html代码结构会比较清晰
window.onload： 等待页面中的所有内容加载完毕之后才会执行
$(document).ready()： 页面中所有DOM结构绘制完毕之后就能够执行