千锋教育JavaScript全套视频教程（10天学会Js，前端javascrip
### window.onload
事件：延迟加载,该事件体内的代码需要整个页面全部加载完后在执行
### location --> 地址对象
### location.href --> 地址对象的读写属性
### location.replace("跳转地址"); //---也是地址跳转
### location.reload(); //--- 刷新
### document.write("内容"):将内容打印至大白板
特点：
1.如果一个字符串可以被解释为HTML标签，则该字符串会以HTML标签的形式显示在大白板
2.write方法出现在事件体内，会覆盖原页面
### document最大作用，获取对象
### 获取单个dom对象
### document.getElementById("id")
返回id对应的元素
### document.querySelector("选择器")
返回id,class,以及标签名对应的单个元素
### 返回数组
### document.getElementsByTagName("标签名")
返回标签名对应的数组
### document.getElementsByClassName("类名")
返回类名对应的数组
### document.getElementsByName("name名")
返回name名对应的数组
### document.querySelectorAll("选择器")
返回标签名和类名对应的数组
### 注意事项：document.querySelectorAll获取的数组元素是静态的，无法动态删除数组中已有的元素
### DOM节点的操作
### 父找子:
### firstElementChild
返回节点的第一个子节点
### lastElementChild
返回节点的最后一个子节点
### children
返回父节点的所有子节点 (元素节点)
### childNodes
返回父节点的所有子节点,返回的 (文本节点) 和 (元素节点)
### 子找父
### parentNode
### 兄弟节点：
### nextElementSibling
下一个节点
### previousElementSibling
上一个节点
### 节点的增删
### 增----->
### 增加节点的第一种方法：挂载至子节点末尾
1.document.createElement("标签名") --> 创建一个标签
2.父节点.appendChild(子节点) --> 将子节点挂载至父节点
### 增加节点的第二种方法:字符串拼接
父节点.innerHTML = `html模板`
### 增加节点的第三种方法:指定位置插入节点
父节点.insertBefore(目标节点,参照节点) --> 将目标节点添加至参照节点之前
### 删-----> 删除节点只需要在需要删除的节点后打点remove即可
节点.remove();
### 在JS中，掌握的文本有value以及innerHTML
value针对于表单元素
innerHTML针对于标签
### innerText
只获取文本内容
### outerHTML
包含自身标签的所有内容
### innerHTML
除了自身标签的所有内容
### innerHTML的重要用途
通过字符串拼接页面(依赖于浏览器字符串解析)
### DOM属性操作
### （一） 普通属性
1.点运算符
2.getAttribute("属性名") --> 获取属性值
setAttribute("属性名") --> 修改属性值
3.添加自定义属性
对象名.新属性名 = 属性值
### （二） style相关属性
1.写 对象名.style.属性名 = 属性值
2.读 getComputedStyle(dom对象,false)["属性名"]:属性值
### （三） offset相关属性
### offsetWidth --> 自身宽度
### offsetHeight --> 自身高度
### offsetLeft --> 距离父元素左侧边距
### offsetTop --> 距离父元素顶部边距
### 注意：读 --> 全都是以offset开头的，返回值的结果都是数字
### 写：和style的写一毛一样
