Javascript的DOM、BOM学习

BOM:浏览器对象模型——将浏览器的各个组成部分封装成对象。

对象：Navigator（浏览器本身对象），Window（窗口对象），Location（地址栏对象），History（历史记录对象），Screen（显示器屏幕），Body里面的对象——DOM。（注意：加粗的是重点，不加粗的基本用不上。）

BOM_Window:
1，特点：不用创建对象，可以直接使用window.方法名()来使用。window都可以省略，直接方法名()就能使用。最常用的就是alter()这个方法。
2,方法：
一,与弹出框有关的：
alter():一段自定义消息和一个确认按钮。
confirm():一段自定义消息和确认，取消按钮。*用户点击确认，返回true。
prompt():用户可以输入一段文字。里面自己写的字符串可以当作给用户的输入提示。返回的对象就是用户自己输入的文本。
二，与打开关闭有关的：
open():里面空白打开一个空白页，也可以在里面输入自己要打开的网址。
close():关闭的是当前的Window。要关闭其他的窗口就需要使用其他的window对象来使用close()方法。
三，定时器：
setTimeout():执行一次
clearTimeout():
setInterval()：周期执行
clearInterval():
网站的图片轮播就是用定时器来完成。用获取<img的id来写一个函数，在设置一个定时器，将函数，设置的时间扔进去就好。
BOM_Location：
一，reload()：刷新当前页面
二，href：当前页面的网址，也可以赋值。
BOM_History:
懒得写了

DOM：文段对象模型
核心DOM：
Document：文档对象：
1，getElementById():根据id来获取元素对象。
2，getElementsByTagName():根据元素名称来获取元素对象集合，返回的是一个数组。
3，getElementsByClassName()
4，getElementsByName()
Element：元素对象：
1，setAttribute()：在标签里面添加属性，比如：（”href“，”网址“）。
2，removeAttribute()：删除属性——比如("href”)。
Node：节点对象：
1，方法：CRUD
一，appendChild():向节点的子节点列表的结尾添加新的子节点。
二，removeChild():
三，replaceChild():
HTML DOM:
标签体的设置和获取：innerHTML：能将标签里面的东西进行替换。
修改元素的样式：.style或者calssName
事件：
事件：单击，双击，键盘，鼠标…
事件源：按钮，文本框输入框…
监听器：执行我们写的代码
注册监听：将事件，事件源，监听器结合在一起。
————————————————————————————————————
点击事件：
单击：onclick()
双击：ondblclick()

---

焦点事件：
onblur()：失去焦点
onfocus():元素获得焦点

---

加载事件：
onload()

---

鼠标事件和键盘事件：
https://www.w3school.com.cn/js/js_examples_events.asp ,去W3C里找。