我是新打开的窗口

我是新打开的窗口

新窗口名称：'+ newWin.name + '

关闭我之后会向父窗口输入文本信息

我是父窗口，加载完成后，向我输出内容会覆盖我所有内容

　　其中最常用的属性是navigator.userAgent，返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)，是识别浏览器的关键，可用于获取当前浏览器版本信息，判断浏览器的类型。

　　实例：简单的判断浏览器类型

页面地址。

　　window.location对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面，简单说就是可以给赋值，像使用open一样。

　　语法:location.[属性|方法]

location对象其他应用：

　　(1)、location对象属性

　　　　location.hash　　设置或返回从井号(#)开始的 URL（锚）。

　　　　location.href　　设置或返回完整的 URL。

　　　　location.pathname　　设置或返回当前 URL 的路径部分。

　　　　location.host　　设置或返回主机名和当前 URL 的端口号。

　　　　location.hostname　　设置或返回当前 URL 的主机名，不包含端口。

　　　　location.port　　设置或返回当前 URL 的端口号 （80 或 443）。

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

　　　　location.search　　设置或返回从问号(?)开始的 URL（查询部分）。

　　(2)、location对象方法

　　　　实例：加载一个新文档

实例：重新载入当前文档

实例：用新的文档替换当前文档

　　window.screen对象用于获取用户的屏幕信息。在使用时候可以不加window前缀。

　　(1)、屏幕分辨率的宽度和高度

　　screen.colorDepth返回用户浏览器表示的颜色位数，通常为32位（每像素的位数）。

　　screen.width和screen.height返回屏幕分辨率的宽度和高度。

　　(2)、可用宽度和高度

　　screen.availWidth和screen.availHeight返回窗口可以使用的屏幕宽度和高度，不包括窗口任务栏。

　　不同系统的窗口任务栏默认高度不一样，任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度也不一样。

　　(1)、可视区宽度和高度。

　　获取浏览器窗口尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:

　　①、IE9以上及现在浏览器都支持：

　　window.innerWidth　　获取浏览器窗口的内部宽度。

　　window.innerHeight　　获取浏览器窗口的内部高度。

　　②、对于IE9之前可以用：

　　document.documentElement.clientWidth　　表示HTML文档所在窗口的当前宽度。 　　document.documentElement.clientHeight　　表示HTML文档所在窗口的当前高度。

　　或者可以使用：

　　Document对象的body属性对应HTML文档的标签

　　document.body.clientWidth　　 　　document.body.clientHeight

　　在不同浏览器都可以使用的兼容写法：

　　(2)、实际网页尺寸。

　　scrollHeight和scrollWidth，获取网页内容高度和宽度。

　　scrollHeight和scrollWidth还可获取DOM元素中内容实际占用的高度和宽度。

　　在IE下scrollHeight 是网页内容实际高度，可以小于clientHeight。在FF下scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight返回 clientHeight 。

　　在不同浏览器都可以使用的兼容写法：

　　(3)、包含滚动条的网页尺寸。

　　offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。

　　offsetHeight = clientHeight(内容可视区高度) + 滚动条 + 边框。

　　(4)、滚动距离

　　所谓滚动距离，就是可视区距离页面顶部滚动了多远，也叫网页卷去的距离。

　　scrollTop：设置或获取位于对象最顶端与窗口中可见内容的最顶部之间的距离 ，也就是网页被滚动的高度。

　　scrollLeft：设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，也就是网页被滚动的宽度。

　　offsetTop：获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶部位置，当前对象到其上级顶部的距离，或者距离页面顶部的距离。

　　offsetLeft：获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 ，当前对象到其上级左端的距离，或者距离页面左端的距离。

　　offsetTop和offsetLeft不能赋值，设置对象到页面顶部的距离可用style.top属性，设置对象到页面左部的距离请用style.left属性。

　　offsetParent：页面中设置postion属性(relative、absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。该属性用于获取一个元素用于定位的父级，语法：obj.offsetParent

　　实例：滚动页面，点击页面查看滚动距离

　　该知识点相当重要，而且内容比较混乱，不容易理解，需要做大量练习，巩固所学。

　　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);　　返回当前页面之后浏览过的第三个历史页面。

　　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

(2)、修改cookie

　　修改cookie类似于创建cookie，新的cookie会覆盖旧的cookie，其实并不能说是被覆盖了，而是新的cookie 将被添加到 document.cookie 中显示。

(3)、删除cookie

　　删除 cookie 非常简单。只需要设置 expires 参数为以前的时间即可，也就是设置为-1，昨天过期，浏览器一看这不是昨天就过期么，直接删除。

下面是设置、获取和删除cookie的封装函数，方便以后使用。

　　(4)、cookie小应用：记住上一次的用户名

window的六大属性，同时它们也是对象：

document主要操作web加载的网页文档；

frames为窗口框架对象数组；

history保存用户上网记录；

location提供加载的文档有关信息以及控制页面跳转；

navigator对象存储浏览器名称及版本信息；

screen显示屏幕相关信息。

其中document对象属性下也有几个重要的属性对象，以document为核心的对文档进行操作的各个对象组成的结构便是大家所熟悉的DOM，从这一点看来，DOM其实是BOM的一个子集.

window对象除了提供了旗下的六大对象属性外，还拥有设置浏览器信息的一些基本属性，主要如下