offsetTop：获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶部位置，当前对象到其上级顶部的距离，或者距离页面顶部的距离。
offsetLeft：获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 ，当前对象到其上级左端的距离，或者距离页面左端的距离。
offsetTop和offsetLeft不能赋值，设置对象到页面顶部的距离可用style.top属性，设置对象到页面左部的距离请用style.left属性。
offsetParent：页面中设置postion属性(relative、absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。该属性用于获取一个元素用于定位的父级，语法：obj.offsetParent
实例：滚动页面，点击页面查看滚动距离
<!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>JavaScript实例</title> <script> //几款浏览器每次滚动，距离顶部的距离都不一样： //在Chrome为：-----。都是整数递进。 //而在FF下则为：----。每次递进。 //而在IE下则为：----。每次递进则为。 window.onload=function (){ document.onclick=function (){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; alert(scrollTop); }; }; </script> </head> <body> </body> </html>
该知识点相当重要，而且内容比较混乱，不容易理解，需要做大量练习，巩固所学。
8、浏览器历史记录。
window.history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退导航的功能。从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。在使用时可以不加window前缀。
语法：window.history.[属性|方法]
(1)、History 对象属性
历史记录不唯一，所以该对象具有length属性，可返回浏览器历史列表中的URL数量。
(2)、History 对象方法
①、history.back() 加载 history 列表中的前一个URL，就是返回前一个页面，与浏览器点击后退按钮功能相同。
该方法等同于：history.go(-1);
②、history.forward() 加载 history 列表中的下一个 URL。就是返回下一个页面，与浏览器的前进按钮功能相同。
该方法等同于：history.go(1);
③、history.go(num) 根据当前所处的页面，加载 history 列表中的某个具体的页面。
参数说明：1为前一个，go(1)等价forward()。0为当前页面。-1下一个页面，后一个，go(-1)等价back()。
也可为其他数值，指定要访问的URL在History的URL列表中的相对位置。
比如：history.go(-2); 返回当前页面之前浏览过的第二个历史页面，相当于点击2次后退按钮。
history.go(3); 返回当前页面之后浏览过的第三个历史页面。
9、Cookie
Cookie 用于存储 web 页面的用户信息。就是一些数据，比如自动登录和记住用户名，存储在用户电脑上的文本文件中，方便再次使用。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息"：当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。
cookie是以域名为单位的，同一个网站中所有页面共享一套cookie，一般不会超过50条，大小为4k-10k左右。限制数量和存储大小，这样也阻止了恶意网站给cookie中恶意存储，不然一会计算机硬盘就满了。cookie也是有过期时间的，比如网页中的自动登录，有些为2周内，有些为1周内，当然过期时间是可以自行定义的，用户也可以自行清理。
在JS中使用cookie很简单，就是document.cookie 该属性可用来创建、读取和删除cookie。
语法：名称=值
当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。
提示：跟cookie相关的本地测试最好都用FF，只有FF会保存本地的cookie，其他浏览器都不会保存。在IE下也可以测试。
FF下查看方法：可点击页面右键 - 查看页面信息 - 安全 - 查看cookie，空白的文件夹就是本地的cookie。
(1)、创建和读取cookie
默认情况下，cookie属于当前页面并在浏览器关闭时删除。
ccokie中的=不是赋值，而是添加，可多次添加，并不会发生后面将前面覆盖的情况。
expires：有效日期，用于指定cookie的过期时间。如过不设置，浏览器关闭时cookie就被删除了。
path：可用于设置cookie的路径。
cookie可直接被读取，或者存储与变量中。
document.cookie 将以字符串的方式返回所有的cookie，格式： cookie1=value; cookie2=value; cookie3=value;
实例：创建用户登录信息，设置2周后过期，并读取cookie