1.BOM(browser object model) 浏览器对象模型
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window;
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性; document(文档对象) event(事件对象) location(地址对象) history(历史记录) navigator(浏览器对象) screen(屏幕对象)
![](https://img2018.cnblogs.com/blog/1566160/201908/1566160-20190802164026562-173891309.png)
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() 在浏览器输出