js原生事件方法的学习总结

window BOM DOM 三者关系

document是DOM的核心对象，window则是BOM的核心对象
因为document是DOM的根节点，而以上代码又表明：
document在window对象中是作为其一个属性而存在的，因此从这个角度来说，BOM包含了DOM。

DOM （document object model）

文档对象模型，操作HTML的内容，添加删除元素，修改元素内容
把html看作一颗dom树

dom方法

• getElement * 3 特定选择id，class，tagName

• querySelector（all） 都可以选择

• innerHTML

• innerText

• getAttribute

• setAttribute

• removeAttribute

• style

• className
  
  

  区别在于get系列是动态的，
  query选择获取的为数组或对象是静态的，改变后需要重新获取再写一遍

BOM （browser object model）

浏览器对象模型,为了控制浏览器的行为而出现的接口,页面前进后退，窗口大小
BOM的核心是window对象

Window

window对象是浏览器的顶级对象，全局对象，所有定义在全局的变量函数都是window的属性方法
window常见方法：

• alert()
• confirm()
• clearInterval()
• clearTimeout（）
• focus() 焦点给与一个窗口
• prompt()
• resizeBy() 根据指定像素跳转窗口大小
• scrollTo（) 滚动到指定坐标

属性

• innerheight 文档显示区高度
• innerwidth
• screenX 返回窗口相对于屏幕的X坐标
• screenY
  
  

window对象:

• location
  location/ location.href/ location.assign 都可以设置url跳转(？+参数)
  .host 获取主机名 + 端口号
  .reload 刷新
  .search 获取url中？后面的参数 （json对象返回）
  .replace 替换当前url，且不产生历史记录
  
  
• navigator
  userAgent 浏览器的整体信息
  appName 浏览器名称
  appVersion 浏览器版本
  platform 返回当前的操作系统
• history
  go()
  back()
  forward
• Screen
  width
  height
  availHeight
  availWidth 屏幕宽高