window.navigator:

var appName = navigator.appName;// 浏览器名称

var appVersion = navigator.appVersion;// 浏览器版本

var language = navigator.language;// 浏览器语言

var platform = navigator.platform;// 浏览器平台

var userAgent = navigator.userAgent;// 浏览器User-Agent字符串

window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。

兼容性：IE<=8不支持。

所以代码可以这么写：

var width = window.innerWidth || document.body.clientWidth;

 

window.screen

screen.width：屏幕宽度，以像素为单位；

screen.height：屏幕高度，以像素为单位；

screen.colorDepth：返回颜色位数，如8、16、24。

 

window.location

var url = 'http://www.xxx.com:8080/path/index.html?page=1&id=2#toHere';

location.protocol; // 'http'

location.host; // 'www.xxx.com'

location.port; // '8080'

location.pathname; // '/path/index.html'

location.search; // '?page=1&id=2'

location.hash; // 'toHere'

要加载一个新页面，可以调用location.assign()。如果要重新加载当前页面，调用location.reload()方法非常方便。

 

window.document

DOM树