1.window对象
1.1window对象的常用属性
语法：window.属性名=“属性值”；
| history | 用户访问过的url信息 |
| location | 当前url信息 |
| screen | 只读属性，包含客户端显示屏幕上的信息 |
1.2.window对象的常用方法
| open() | 打开一个新的浏览窗口，加载给定URL所指定的文档[url,name,specs,replace] |
| close() | 关闭浏览器窗口 |
| setInterval() | 间隔指定的毫秒数不停地执行指定的代码 |
| clearInterval() | 用于停止setInterval()方法执行的函数代码 |
| setTimeout() | 在指定的毫秒数后执行指定的代码 |
| clearTimeout() | 用于停止setTimeout()方法执行的函数代码 |
| channelmode=yes|no|1|0 | 是否使用剧院模式显示窗口，默认为no |
| directories=yes|no1|0 | 是否添加目录按钮，默认为yes |
| fullscreen=yes|no|1|0 | 是否使用全屏模式显示浏览器。处于全屏模式的窗口必须同时处于剧院模式。默认为no |
| width=pixels | 窗口文档显示区的宽度，以px计 |
| height=pixels | 窗口文档显示区的高度，以px计 |
| left=pixels | 窗口的X坐标，以px计 |
| location=yes|on|1|0 | 是否显示地址字段。默认为yes |
| menubar=yes|no|1|0 | 是否显示菜单栏。默认为yes |
| resizable=yes|no|1|0 | 窗口是否可调节尺寸。默认为yes |
| scrollbars=yes|no|1|0 | 是否显示滚动条。默认为yes |
| status=yes|no|1|0 | 是否添加状态栏。默认为yes |
| titlebar=yes|no|1|0 | 是否显示标题栏。默认为yes |
| toolbar=yes|no|1|0 | 是否显示浏览器的工具栏。默认为yes |
| top=pixels | 窗口的y坐标 |
2.history对象
从窗口被打开的那一刻起，history对象就保存着用户上网的历史记录。由于history对象是window对象的属性，所以每个浏览器窗口，每个标签页，都有自己的history对象与特定的window对象关联。
| 类别 | 名称 | 说明 |
| 属性 | length | 返回历史记录列表中的网址数 |
| 方法 | go() | 加载history列表中的某个具体页面 |
| forward() | 加载history列表中的下一个url | |
| back() | 加载history列表中的前一个url |
3.location对象
location对象提供了与当前窗口中加载文档有关的信息，还提供了一些导航功能。
| 类别 | 名称 | 说明 |
| 属性 | host | 返回服务器名称和端口号 |
| hostname | 返回不带端口号的服务器名称 | |
| href | 返回当前加载页面的完整url | |
| 方法 | reload() | 重新加载当前文档 |
| replace() | 用新的文档替换当前文档 |
4.document对象
文档对象模型，代表了整个HTML文档，
| 方法 | 描述 |
| getElementById() | 返回对拥有指定id的第一个对象的引用 |
| getElementsByName() | 返回带有指定名称的对象的集合 |
| getElementsByTagName() | 返回带有指定标签名的对象的集合 |
| write() | 向文档写文本，HTML表达式或javaScript代码 |
5.JavaScript定时函数
有两个，一个是计时执行函数，一个是定时执行函数，区别是，一个只执行一次，另一个是重复执行，方法在上面(window对象常用方法)。
6.JavaScript内置对象
- String对象：用于支持对字符串的处理
- Array对象：用于在单独的变量名中存储一系列的值。
- Date对象：用于操作日期和时间。
- Math对象：它包含若干数字常量和函数。
| 类别 | 名称 | 描述 |
| 属性 | length | 设置或返回数组中元素的数目 |
| 方法 | join() | 把数组中的元素放入一个字符串，通过指定的分割进行分隔 |
| sort() | 对数组排序并返回数组 | |
| push() | 向数组未尾添加一个或多个元素，并返回新的长度 | |
| forEach() | 遍历数组，forEach()方法不会直接修改原始数组，但是回调函数可能会修改 |
| getDate() | 返回Date对象的一个月中的每一天，其值为1~31 |
| getDay() | 返回Date对象的星期中的每一天，其值为0~6 |
| getTime() | 返回自某一时刻（1970-1-1）以来的毫秒数 |
| getHours() | 小时数 |
| getMinutes() | 分钟数 |
| getSeconds() | 秒数 |
| getMonth() | 月份 |
| getFullYear() | 年份 |
| ceil() | 对数进行上取整 |
| floor() | 向下取整 |
| round() | 把数四舍五入为最接近的数 |
| random() | 返回0(包括)~1(不包括)中的随机数 |
7.操作节点
7.1 操作节点属性
获取节点属性：getAttribute("属性名"); 注意：如果属性不存在，则返回null。
设置节点属性：setAttribute("属性名","属性值");
删除节点元素：removeAttribute("属性名");
7.2 创建和插入节点
创捷元素节点：document.createElement("元素名称");
| 名称 | 描述 |
| element.appendChild(childNode) | 为元素添加一个新的子元素(到元素的末尾) |
| element.insertBefore(A,B) | 把A节点插入B节点之前 |
| element.cloneNode(deep) | 克隆某个指定的节点，deep为布尔类型。 |
7.3 删除和替换节点
删除元素节点的语法：node.removeChild(childNode);
其中参数childNode为要删除的节点，当一个节点被删除时，该节点下的所有子节点也会被删除。除删除节点操作外，还可以对现有节点进行替换操作，替换节点的语法格式如下。
node.replaceChild(newnode,oldnode)
newnode为要插入的节点对象，oldnode为要移除的节点对象。
8.获取元素位置
8.1 offset与client
offset指偏移，即这个元素在文档中占用的所有显示宽度；client指元素本身的可视宽度。
| 属性 | 描述 |
| offsetHeight | 返回元素的高度，加上边框 |
| offsetWidth | 返回元素的宽度， |
| offsetLeft | 返回当前元素左边界到它上级元素的左边界的距离 |
| offsetTop | 返回当前元素上边界到它上级元素的上边界的距离 |
| offsetParent | 返回一个对象的引用，元素的偏移容器 |
通过offsetWidth和offsetHeight属性可以得到元素的绝对宽度和高度，但如果仅想得到元素的可见宽度和高度，则需要使用js提供的clientWidth和clientHeight属性，语法格式如下。
element.clientWidth;
element.clientHeight;
8.2 scroll
scroll指滚动，用来描述网页整体与浏览器之间的关系。首先浏览器的高度是固定的，但在日常开发中，页面的高度一般远远大于浏览器的高度。这时如果想要获取滚动条滚动的距离，就可以使用js中提供的scrollLeft与scrollTop属性进行获取，语法格式如下。
element.scrollTop;//返回元素上边缘与视图之间的距离
element.scrollLeft;//返回元素左边缘于视图之间的距离
还有scrollHeight,scrollWidth 属性在没有滚动条的情况下，返回元素内容的总高度和总宽度。
本章总结
圆规为什么能画圆，是因为心不变，脚在走。你为什么不能圆梦？是因为心不定，脚不动。