一、Bom
- BOM属于浏览器对象模型
window 分为document history location event navigator screen - window.document.write(“nihao”);
所有的属性和方法都是有前缀的
凡是前缀是window的属性和方法可以省略 - 弹出框具备阻塞行为,后续代码不会执行
alret() console.log() prompt() confirm() - settimeout:返回值为关闭定时器的钥匙
- wndow.onload 延迟加载事件,当页面所有的内容加载完后在加载事件里的内容
- location.href 可以进行页面的跳转
location.replace 页面跳转
location.replace 页面加载 - history
二、document
-
拥有字符串解析
-
与事件连用时,会覆盖原页面
-
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文本节点
四、节点的操作
- 创建元素:var oH=document.creatElement(”h1“);
- oh.innerhtml=“你好”
- 追加元素:document.body.appendchild(oh);
- 删除元素:oh.remove()