BOM对象

BOM对象

window是JS的最顶层对象，BOM中最大的对象叫window，是浏览器窗口对象。

由于window是所有对象的顶级对象，所以通常在写的时候，可以省略掉window。

• 浏览器的信息 navigator

console.log(navigator.appCodeName); // 返回浏览器的代码名
console.log(navigator.appName); // 返回浏览器的名称
console.log(navigator.appVersion); // 返回浏览器的平台和版本信息
console.log(navigator.cookieEnabled); // 返回指明浏览器是否启用cookie的布尔值
console.log(navigator.platform); // 返回运行浏览器的操作系统平台
console.log(navigator.userAgent); // 返回由客户机发送服务器的user-agent头部的值

• 浏览器的历史记录 history

history.back(); //返回到上一个页面，相当于浏览器的后退按钮
history.forward(); // 前进到下一个页面（下一个页面必须是点击以后的页面），相当于浏览器的前进按钮
history.go(参数);//回退或者前进到任意页面.参数为正前进，参数为负后退，参数为页面数

• 浏览器的地址栏信息 location

console.log(location.hash); // 设置或返回从#开始的url --- 锚点
console.log(location.href); // 设置或返回完整的的url
console.log(location.search); // 设置或返回url中的参数部分

方法

location.assign("要跳转的地址"); //这个方法是设置要跳转的地址
location.reload(); // 重新加载本页面
location.replace() // 使用新地址替换掉旧地址（跳转）

• 用户屏幕的信息 Screen

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