【无标题】BOM and Dom

一、Bom

1. BOM属于浏览器对象模型
   window 分为document history location event navigator screen
2. window.document.write(“nihao”);
   所有的属性和方法都是有前缀的
   凡是前缀是window的属性和方法可以省略
3. 弹出框具备阻塞行为，后续代码不会执行
   alret（） console.log() prompt() confirm()
4. settimeout:返回值为关闭定时器的钥匙
5. wndow.onload 延迟加载事件，当页面所有的内容加载完后在加载事件里的内容
6. location.href 可以进行页面的跳转
   location.replace 页面跳转
   location.replace 页面加载
7. history
   

二、document

1. 拥有字符串解析

2. 与事件连用时，会覆盖原页面

3. document.getElementByid(“id”) 返回id对应的html元素
   a. document.getElemenstByTagName(“标签名”) 返回标签名对应的html元素 document.getElementsByClassName(“类名”) 返回类名对应的html元素

   document.getElementsByName(“name名”) 返回name名对应的html元素
   document.querySelector("#选择器") 返回id，类名，标签名对应的单个元素
   document.querySelectorAll("#选择器") 批量返回id，类名，标签名对应的单个元素

三、DOM

1.DOM文档对象模型

![在这里插入图片描述](https://img-blog.csdnimg.cn/913297cdb3f449cfa60dad3435315a4e.png)

nodeType 1代表元素节点
3文本节点

四、节点的操作

1. 创建元素：var oH=document.creatElement（”h1“）;
2. oh.innerhtml=“你好”
3. 追加元素：document.body.appendchild(oh);
4. 删除元素：oh.remove（）