js由EMCAScript（描述js语法和基本对象）、BOM（与浏览器交互的方法和对象）、DOM（处理网页内容的方法）三部分组成

一：BOM浏览器对象模型，没有标准，根本对象是window，将浏览器当做一个对象来对待，定义交互的方法和接口，

网页中定义的任何对象、变量、函数都会作为全局对象的一个属性或者方法存在

1：window对象，表示浏览器窗口

window.innerHeight->浏览器窗口的内部高度(包括滚动条)

window.innerWidth ->浏览器窗口的内部宽度(包括滚动条)

window.open() -> 打开新窗口

window.close() ->关闭当前窗口

window.moveTo() -> 移动当前窗口

window.resizeTo() ->调整当前窗口的尺寸

2：screen ：屏幕对象

screen.availWidth -> 可用的屏幕宽度

screen.availHeight -> 可用的屏幕高度

3：location： 地址栏对象

location.hostname -> 返回 web 主机的域名

location.pathname -> 返回当前页面的路径和文件名

location.port -> 返回 web 主机的端口 （80 或 443）

location.protocol -> 返回所使用的 web协议（http: 或 https:）

4：history：历史记录对象

history.back() -> 与在浏览器点击后退按钮相同

history.forward() -> 与在浏览器中点击向前按钮相同

history.go() -> 参数列表的数值即为前进或者后退的页面个数

5：navigator： 导航对象,提供当前浏览器及操作系统等信息

ppCodeName -> 获取浏览器的内部代码名。

appMinorVersion -> 获取浏览器的辅版本号，常用于浏览器的补丁货服务包。

appName -> 获取浏览器的名称。

appVersion -> 获取浏览器的平台和版本信息。

language -> 获取当前浏览器的语言，例如，可能的一个结果是“zh-CN”。

cookieEnabled -> 获取浏览器中是否启用 cookie 的布尔值。

cpuClass -> 获取计算机系统的 CPU型号，例如，Inter通常得到的结果是x86。

onLine -> 获取浏览器是否处于在线模式，结果是布尔值。

platform -> 获取运行浏览器的操作系统平台。 systemLanguage 获取 OS 使用的默认语言。

userAgent -> 获取由客户机发送服务器的 user-agent 头部的值。

userLanguage -> 获取 OS的自然语言设置。

mimeTypes -> 获取浏览器支持的所有的MIME类型的数组。

plugins -> 获取安装在浏览器上的所有插件的数组。

product -> 获取浏览器的产品名，例如，可能的结果是Gecko。

productSub -> 获取浏览器产品的更多信息，例如，可能的结果是20030107。

vendor -> 获取浏览器的厂商名称，例如，可能的结果是Google Inc.。

vendorSub -> 获取浏览器的厂商更多信息。

6：document ： 文档对象

7：frames :框架集

8：计时

setInterval() -> 间隔指定的毫秒数不停地执行指定的代码。

clearInterval() -> 方法用于停止 setInterval() 方法执行的函数代码。

setTimeout() -> 在指定的毫秒数后执行指定代码。

clearInterval() -> 方法用于停止 setInterval() 方法执行的函数代码。

9：cookie，储存在用户本地终端上的数据

document.cookie 属性来创建 、读取、及删除 cookie

二：DOM文档对象模型，遵循W3C标准，根本对象是document，分为核心DOM，XML DOM, HTML DOM，是将页面和脚本程序连接起来，用逻辑树来表示一个文档，

每个节点包含对象，方法可以改变结构、样式、内容

1：document ：DOM顶层对象

document.getElementById() ->通过id

document.getElementsByTagName() ->通过标签名

document.querySelector ->单个元素获取

document.querySelectorAll ->多个元素获取