JavaScript window 对象

window

window 对象是浏览器提供给 JavaScript 的 API，里面包含了当前客户端浏览器的一些信息，和常用的一些浏览器操作。

视窗大小

window.innerWidth // 显示区域宽度
window.innerHeight // 显示区域高度
window.outerWidth // 整浏览器高度
window.outerHeight // 整显示区域宽度

浏览器信息

navigator.appName // 浏览器名称
navigator.appVersion // 浏览器版本
navigator.language // 语言
navigator.platform：// 操作系统
navigator.userAgent // User-Agent

/*
 navigator === window.navigator
 浏览器信息容易被更改，读取信息不一定准确
*/

当前显示分辨率

screen.width
screen.height

/*
 screen === window.screen
*/

URL相关

location.protocol // https: | 协议
location.host // www.jmjc.com | 主机
location.port // 端口号
location.href // https://www.jmjc.tech/ | 当前地址
location.pathname; // /less/77 | 当前目录
location.search // ?a=1&b=2 | 参数
location.reload() // 刷新当前页面
location.assign(URL) // 跳转到 URL
location.href = URL // 跳转到 URL

/*
 location === window.location
*/

document

document.referrer // 上一次访问的地址

/*
document === window.document
document 是重要的独立的章节，在 “DOM”，这里只列举一个跟获取信息相关的
*/

history

history.back() //  后退一个页面
history.forward() // 前进一个页面

/*
 history === window.history
 该方法相当于我们点浏览器上方的 <- -> 
*/

弹窗

window.open(url, name,'width=400,height=400,top=0,left=0') // 弹出一个窗口

/*
参数1. 新窗口的地址
参数2. 新窗口的名称
参数3. 新窗口大小和显示位置
*/