2021-06-18 day9

Bom对象

BOM:浏览器对象模型（地址栏，历史记录，屏幕，滚动条，关闭）

浏览器窗口尺寸指浏览器可视窗口的尺寸：
两个属性：1.innerWIdth 2. innerHeight(共同点：包括滚动条尺寸)

1. 顶级对象window的五个子对象
   （1）document 文档对象
   （2）history 历史记录对象
   （3）location 地址栏对象
   （4）screen 屏幕对象
   （5）navigtor 浏览器对象

window对象的方法

1. alert(“”）显示带有一段消息和一个确认按钮的警告框。
2. confirm(“”）显示带有一段消息以及确认按钮和取消按钮的对话框（选择框）。
3. prompt(“”）显示可提示用户输入的对话框。
4. open(“url”,” name”,”打开窗口的设置”)打开一个新的浏览器窗口或查找一个已命名的窗口。
5. setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。
6. clearInterval(取消由setInterval()设置的 timeout 。
7. setTimeout()在指定的毫秒数后调用函数或计算表达式。
8. clearTimeout()取消由 setTimeout()方法设置的 timeout。
9. close() 关闭浏览器窗口

window对象的事件

1. onload:窗口内容加载完毕，触发
2. onscroll:窗口滚动时,，触发
3. onresize:窗口调整大小时，触发

Dom对象(Document Object Model)

获取元素的方法

1. docuemnt.getElementById() 通过id名查找元素 只能获取1个
2. document.getElementsByClassName() 通过类名查找元素
3. document.getElementsByTagName() 通过标签名来获取元素
4. document.getElementsByName() 通过表单中的name属性来获取元素，获取的是多个

通过层级关系访问节点(包括文本和元素)

1. parentNode 父节点。
2. childNodes 当前节点包含的所有子节点(文本和元素节点都有)。
3. firstChild 当前节点的第一个子节点。
4. lastChild 当前节点的最后一个子节点。
5. previousSibling 访问前一个同胞节点。
6. nextSibling 访问后一个同胞节点。
   注:列表中第一个节点的previousSibling属性值为null，而列表中最后一个节点的nextSibling的属性值同样为null.

创建元素 create（创建)

var oDiv = document.createElement('div');

追加到页面(在body中追加一个div)

document.body.appendChild(oDiv)