HTML5权威指南——使用window对象

获取window对象

• 获取window对象有两种方式一个是document.defaultView,一种是全局变量window

var width = window.outerWidth
var height = document.defaultView.height

获取窗口信息

• 特别的是window.screen对象还有以下几个属性值
  

与窗口进行交互

• 谨慎使用以下的几个功能吧，窗口的控制应该由用户来决定
  

对用户进行提示

• 对用户进行提示的这几个方法我好像在学之初都用过，就不一一写啦
  

获取基本信息

• window对象能够返回基本信息的对象如window.document(返回与此窗口相关联的document对象),window.history（提供对浏览器历史的访问）,window.loaction（提供当前文档地址的详细信息）

使用浏览器历史

下面是window.history的对象和方法：

1.在浏览历史中导航

• back，forward，go这三个方法告诉浏览器该导航到浏览历史中的那个url上，back/forward这两个的效果如同浏览器上的回退和前进两个按钮。go方法会导航到相对与当前文档的历史位置上，正值表示前进，负值表示后退。

window.history.back()//后退
window.history.forward()//前进
window.history.go()//以当前页为基准想到哪就到哪

2.在浏览历史中插入条目

• history.pushState方法能够给浏览器历史中添加一个URL，但是添加的URL的服务器名称和端口号必须与当前文档相同，添加的方法就是只是用附在当前文档后面的查询字符串或者锚片段。使用方法如下所示

window.history.pushState("","","?"+targetURL)

• window.history.pushState(stateObject,title,URL)中三个参数分别代表状态对象（第四点会说），标题（有些浏览器会忽略此参数，因此不写也罢，但是写上比较安全呀），最后一个就是地址啦（不指定就是当前文档，注意传入的URL必须是同源的，不然会报错）

3.为不同的文档添加条目

• 也是用window.history.pushState()方法，不同的地方在于最后一个参数的写法,如下

window.history.pushState("","","otherpage.html?"+targetURL)

• 此方法的一个陷阱就在于不同的浏览器对当导航至别的文档时，点击后退按钮时浏览器的后退的地方会不一致，有的浏览器会导航至当前文档，有的浏览器会选择导航之原文档（原文档就是使用此方法的文档）

4.在浏览器中保存复杂的状态

• 保存状态就会用到pushState（）方法中的第一个参数。例如

var stateObj = {
   
	name