js中的BOM和DOM

js中的BOM和DOM
1.BOM（browser object model）浏览器对象模型
由于BOM主要⽤于管理窗⼝与窗⼝之间的通讯，因此其核⼼对象是window；
BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的⼀部分。

BOM由⼀系列相关的对象构成，并且每个对象都提供了很多⽅法与属性； document（⽂档对象） event（事件对象） location（地址对象） history（历史记录） navigator（浏览器对象） screen（屏幕对象）
2.window对象
window对象的属性和⽅法在调⽤时可以省略 window.
页⾯加载事件：
window.onload = function(){
//　onload 中代码：需要等到页⾯的所有内容全部加载完成后才执⾏
// onload 只能有⼀个
}
所有的全局变量和全局函数都可以是window对象的属性和⽅法
window对象的⽅法：
①三个对话框：
alert() 弹出框
prompt("⽂字描述","默认值") 点击确定返回输⼊的值点击取消返回null
confirm() 确认框点击确定返回true 点击取消返回false
②两个定时器：
a.setInterval(function(){
要执⾏的任务
},间隔时间) //连续执⾏的定时器
clearInterval(定时器的名字) 清除定时器
b.setTimeout(function(){
要执⾏的任务
},间隔时间) //⼀次性定时器表⽰延时多长时间后执⾏
clearTimeout( 定时器名称 ) 停⽌定时器
③window.open("新窗⼝路径","_blank","新窗⼝外观") 返回弹出的⼦窗⼝，可以不写_blank，默认是就是_blank
外观参数： width height left top
eg:window.open("list.html","_blank","width=200,height=200");
④console；最常⽤的就是console.log() 浏览器控制台打印
3.DOM （document object Model）⽂档对象模型
DOM是W3C标准，DOM的最根本对象是document（window.document）也就是可以说BOM包含了DOM；
它的作⽤是将⽹页转化为⼀个Javascript对象，从⽽⽤Javascript进⾏各种操作（⽐如增删元素等）。

在js中，操作谁就要找到谁。

找DOM对象的⼏种⽅法：
（以下只能⽤document.来查找）
document.getElementById() 查找某个id的单个对象，获取的是⼀个元素
getElementsByName() 根据name值查找操作表单
（以下⽅法可以限制范围来查找）
getElementsByTagName() 查找某个标签得到⼀个集合使⽤时加下标找到⼀个也要加下标[0]（），也就是类数组。

getElementsByClassName() 根据类名查找同上
querySelector("css选择器") 查找单个对象获得⼀个元素
querySelectorAll("css选择器") 查找多个对象使⽤时加下标
document.body 找到body元素
document.title 找到title
document.head 找到head
document.documentElement 对应html元素
document.write() 在浏览器输出。