课程名称：Javascript进阶篇

章节名称：全篇

讲师姓名：慕课官方号

课程内容：本篇详细阐释了JS中DOM与BOM的操作原理

学习心得：

总述：

DOM是面向HTML文档的，是将其视为具有内容、属性、样式的元素节点树而进行相应操作的

而BOM则是面向浏览器的，是将浏览器窗口视为对象而进行相应操作的，其核心是window对象

window是BOM中的顶层对象，是其他BOM对象的顶层

属性：

  closed：窗口是否关闭

  defaultStatus：操作窗口状态栏中的文本

  innerheight：窗口文档显示区的高度

  innerweight：窗口文档显示区的宽度

  outerheight：窗口的外部高度

  outerweight：窗口的外部宽度

  length：窗口中的框架数量

  name：操作窗口名称

  opener：窗口引用

  pageXOffset：操作窗口相对左上角的X位置

  pageYOffset：操作窗口相对左上角的Y位置

  parent：父窗口对象

  self：当前窗口对象（即window对象）

  status：设置窗口状态栏文本

  top：最顶层的先辈窗口对象

  screenLeft（screenX）/screenTop（screenY）：窗口相对屏幕左上角的位置

方法：

计时器方法：

1.设置定时任务：

  setInterval(func, sep)

  setInterval(“func()”, sep)

  // func是周期性执行的函数，sep是时间间隔（毫秒）

  // setInterval()返回一个Id值，该值可以作为参数传给clearInterval()以取消定时任务

2.取消定时任务：

  clearInterval(Id)

  // 根据Id值取消相应的定时任务

3.设置延时任务（仅执行一次）

  setTimeout(func, sep)

  setTimeout(“func()”, sep)

  // func是要延时执行的函数，sep是时间间隔（毫秒）

  // setTimeout()返回一个Id值，该值可以作为参数传给clearTimeout()以取消定时任务

4.取消延时任务：

  clearTimeout(Id)

  // 根据Id值取消相应的延时任务

History对象

记录浏览历史页面的URL列表

属性：

  history.length：URL列表中的页面数

方法：

  back()：前一个页面的URL<==>浏览器“回退”功能<==>go(-1)

  forward()：后一个页面的URL<==>浏览器“前进”功能<==>go(1)

  go(num)：跳向指定的URL

Location对象

操作、解析窗体的URL

属性：

方法：

  assign()：加载新的文档

  reload()：重新加载当前文档

  replace()：用新的文档替换当前文档

Navigator对象

面向浏览器版本信息、操作系统版本信息的对象

属性：

  appCodeName：浏览器代码名字符串

  appName：浏览器名称

  appVersion：浏览器版本信息

  platform：操作系统版本信息

  userAgent：请求头部中的User-Agent信息

Screen对象

面向用户屏幕信息的对象

  height：屏幕高度（分辨率）

  width：屏幕宽度（分辨率）

  availHeight：窗口可用的屏幕高度（像素）

  availWidth：窗口可用的屏幕宽度（像素）

  colorDepth：浏览器颜色位数