前端基础知识之浏览器模型

window对象

1、确定浏览器窗口的尺寸的方法 

>ie8,chrome,safari等现代浏览器：

• window.innerHeight - 浏览器窗口的内部高度(不包含控制台的height)
• window.innerWidth - 浏览器窗口的内部宽度(不包含控制台的width)

ie5，6，7，8：

• document.documentElement.clientHeight- 浏览器窗口的内部高度(不包含控制台的height)
• document.documentElement.clientWidth - 浏览器窗口的内部宽度(不包含控制台的width)

2、打开新窗口api：

• window.open() － 常用

用户屏幕信息的对象(window.screen)

• screen.availWidth - 屏幕可用的宽度
• screen.availHeight - 屏幕可用的高度

当前页面的地址对象(window.location)

• location.href - 获取当前页面的完整地址
• location.hostname － 获取当前页面主机的域名
• location.pathname － 获取当前页面的路径和文件名
• location.port － 获取web主机的端口
• location.protocol - 获取所使用的web协议(http或者https)

浏览器的历史信息(window.history)

• history.go(number) - 参数是数字，栗子：－1代表上一个页面，1代表下一个页面，－2，2同理
• history.back() - 返回上一个页面
• history.forward（） － 进入下一个页面

有关访问者浏览器的信息(window.navigator)

• navigator.userAgent - 常用，获取用户浏览器的信息