BOM与DOM操作
BOM（Browser Object Model）浏览器对象模型，它提供了一组用于操作浏览器窗口和浏览器本身的对象。通过BOM我们可以使用JavaScript获取和修改浏览器的属性和状态，例如修改URL、打开新窗口、获取用户的浏览器信息等。
DOM（Document Object Model）DOM是指文档对象模型，它提供了一种表示和操作HTML、XML文档的方式。DOM将文档解析为一个由节点和对象（包括元素、属性、文本等）组成的结构，通过DOM，我们可以使用JavaScript来操作这些节点和对象，实现对文档的增删改查操作。
BOM对象：
Window对象
window对象是BOM（Browser Object Model）中的顶层对象，表示浏览器窗口或标签页。它包含了一系列属性和方法，可以用来操作和控制浏览器窗口。
一些常用的window对象属性和方法包括：
window.innerWidth / window.innerHeight：获取浏览器窗口的内部宽度和高度（不包含浏览器工具栏和滚动条）。
window.outerWidth / window.outerHeight：获取浏览器窗口的外部宽度和高度（包含浏览器工具栏和滚动条）。
window.location：获取或设置当前页面的URL信息，包括协议、主机、路径、查询参数等。
window.open(url, name, features)：打开一个新的浏览器窗口或标签页，并加载指定的URL。
window.close()：关闭当前的浏览器窗口或标签页。
window.alert(message)：在浏览器中弹出一个警告框，显示指定的消息。
window.confirm(message)：在浏览器中弹出一个确认框，询问用户是否确定。
window.prompt(message, default)：在浏览器中弹出一个提示框，询问用户输入信息。
window.scrollTo(x, y)：将页面滚动到指定的位置。window.open('url','','height=800px,width=800px,top=400px,left=400px')
#用于新建窗口和控制打开窗口的位置
window子对象
window.navigator对象
window.navigator.userAgent #用来标识当前是否是一个浏览器
如果是window的子对象，那么window可以省略不写
history对象：
window.history.back() #回退到上一页
window.history.forward() #前进到下一页location对象（掌握）：
window.location
window.location.href
#获取当前页面的url。也可以给其赋值一个url。赋值的话会跳转到那个url页面。
window.location.reload() #刷新页面弹出框：
1、警告框
alert('string...')
2、确认框
confirm('string...')
3、提示框
prompt('string...','这里是个input框可以添加默认值')
计时器相关：
1、过一段时间之后触发（一次）
let t = setTimeout（function，3000）
//单位为毫秒，3秒后自动执行function函数
clearTimeout(t，9000) //取消定时任务,9000毫秒后取消
2、每隔一段时间后触发一次（循环）
setInterval（function）
//单位为毫秒，每3秒后自动执行function函数
clearInterval（function） //清循环的除定时任务
DOM操作
DOM操作操作标签样式 统一先用style起手
查找标签
直接查找（必要掌握）：
1、id查找：
document.getElementById('d1')
2、类查找：
document.getElementsByClassName（‘c1’）
3、标签查找：
document.getElementsByTagName（‘div’）
三种查找方式的返回值是不一样的，需要判断返回的是对象还是容器类型，来做下一步操作。
当你用变量名指代标签对象的时候，一般情况下都推荐你书写成xxxEle
间接查找（熟悉）：
pEle.parentElement #查找我的父标签
divEle.children #查找子标签divEle.firstElementChild #拿第一个子标签
divEle.lastElementChild #拿最后一个子标签
divEle.nextElementSibling #拿下一个同级别的标签
divEle.previousElementSibling #拿上一个同级别的标签节点操作
1、通过DOM操作动态的创建img标签，并且给标签加属性，最后将标签添加到文本中。
2、创建a标签，设置属性，设置文本，添加到标签内部。添加到标签内部，指定标签的上面。
额外补充：
获取值操作：
节点操作2：
事件
达到某个事先设定的条件，自动触发的动作。就是事件。
onclick：等待xx加载完毕