Window的子对象
document
文档对象模型,通常用来操作 dom 元素,对 dom 的增删改查
screen
保存了当前屏幕的一些信息
console.log(screen.availHeight) // 浏览器窗口所在的屏幕的高度(单位像素)
console.log(screen.availWidth) // 浏览器窗口所在的屏幕的宽度(单位像素)
console.log(screen.height) // 浏览器窗口可用的屏幕高度(单位像素)
console.log(screen.width) // 浏览器窗口可用的屏幕宽度(单位像素
location
指代当前窗口正在访问的 url 地址对象
function value(val) {
console.log(val)
}
value(window.location.hostname) // 返回 web 主机的域名
value(window.location.pathname) // 返回当前页面的路径和文件名
value(window.location.port) // 返回 web 主机的端口 (80 或 443)
value(window.location.protocol) // 返回所使用的 web 协议(http:// 或 https://)
value(window.location.href) // 返回当前页面的url地址
value(window.location.host) // 返回当前页面url的主机ip
value(window.location.search) // get 请求参数
window.location.reload(true);
// 可以调用location的reload方法以重新加载当前页面,参数true表示强制从服务器强制加载。
history
history 对象提供了操作浏览器会话历史的接口
history.length 表示历史记录有多个条目,反应了历史记录的数量,包含前进和回头的页面
history.back() 相当于浏览器的后退按钮。
history.forward() 相当于浏览器的前进按钮。
history.go(n) n >= 0 表示前进 n 步, n <= 0 表示回退 n 步
history.pushState() 是在历史记录中增加一条新的记录
history.replaceState() 是将当前的历史记录给替换掉,即替换调栈顶的那一条记录!
navigator
window.navigator.appCodeName; //浏览器代码名
window.navigator.appName; //浏览器步伐名
window.navigator.language; //浏览器当前语言
window.navigator.platform; //操作体系类型win32
window.navigator.plugins;
window.navigator.appVersion; //浏览器版本(包括 体系版本)
window.navigator.userAgent; //用户代理头的字符串表示
window.navigator.onLine; //用户否在线
window.navigator.cookieEnabled; //浏览器是否撑持cookie
window.navigator.mimeTypes;