window

内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。

window.innerWidth // 1680
window.innerHeight // 865
window.outerWidth // 1680
window.outerHeight // 994

navigator

navigator对象表示浏览器的信息，最常用的属性如下。

navigator.appName // Netscape
navigator.appVersion // 5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
navigator.platform // MacIntel
navigator.language // zh-CN
navigator.userAgent // Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36

screen

screen对象表示屏幕的信息，常用的属性如下。

screen.width, screen.height // 1680 1050 
screen.colorDepth // 24

location

location对象表示当前页面的URL信息。

http://www.example.com:8080/path/index.html?a=1&b=2#TOP`

上面的url经过分解，会成为如下的形式。

location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'
locaiton.reload();

document

• 可以动态的改变网页的title。
• 可以通过id和tag name获取Dom树的某个节点。
• 可以通过cookie获取当前页面的Cookie。Cookie是由服务器发送的key-value标示符。Cookie主要是有两个作用：
  • 第一个区分访问服务器的用户。因为http协议是没有状态的，所以当一个用户登录成功后，服务器会给当前浏览器发送一个Cookie。当用户下一次访问服务器时，会在请求头上加上Cookie。
  • 第二是是保存网站的状态，比如语言这些。
• 因为Cookie可以通过Javascript获取，会有安全隐患，所以服务器可以将Cookie设置为httpOnly，这个行为由浏览器实现。

document.title = 'hello world'
document.getElementById(); // 获得一个
document.getElementsByTagName(); // 获得一组
document.cookies // document.cookie; // 'v=123; remember=true; prefer=zh'