JS中的BOM介绍(未完待续)

BOM介绍

BOM, 全称Browser Object Model，指的是浏览器对象模型，是JS的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互，这些对象通常统称为BOM。各内置对象之间按照某种层次组织起来的模型统称为Bom浏览器对象模型。

window对象

window对象代表浏览器的窗口。
window对象是Bom中所有对象的核心和父对象，所有对象前面都可加window,比如window.screen、window.location。
window.close(); // 调用时可能会报警告：Scripts may close only the windows that were opened by them. 意思是脚本只能关闭通过脚本打开的页面，当我们在浏览器地址栏输入URL打开页
面，是不会通过window.close()关闭的

window弹框：

1、警告框：window.alert(“hello world”);
2、确认框window.confirm(“How are you”);
var r = confirm(“请按按钮”);
if (r == true) {
x = “您按了确认！”;
} else {
x = “您按了取消！”;
}
3、提示框： window.prompt(“How are you”);
var person = prompt(“请输入您的姓名”, “比尔盖茨”);
if (person != null) {
document.getElementById(“demo”).innerHTML = "你好 " + person + “！今天过的怎么样？”;
}

screen对象

screen对象包含用户屏幕的信息。属性有以下：
screen.width：屏幕总宽度
screen.height：屏幕总高度
screen.availWidth：可用宽度(屏幕高度减去任务栏、工具条之类的宽度),宽度小于等于screen.width
screen.availHeight：可用高度(屏幕高度减去任务栏、工具条之类的高度)，高度小于等于screen.height
screen.colorDepth：色深
screen.pixelDepth：屏幕的像素深度

location对象

location对象用于获取当前页面地址（URL）并把浏览器重定向到新页面
location.href 返回当前页面的 href (URL)
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径或文件名
location.protocol 返回使用的 web 协议（http: 或 https:）
location.port 返回端口
location.assign(url); 加载并显示指定的 URL 的内容。
location.reload(); 没有参数，刷新当前文档,相当于键盘上的F5。

history对象

history对象包含浏览器历史
history.back() - 加载历史列表中的前一个url,等同于在浏览器点击后退按钮
history.forward() - 加载历史列表中的后一个url,等同于在浏览器中点击前进按钮
history.go();加载历史列表中的某个具体的页面(-1是前一个，1是后一个)。

navigator对象

navigator对象返回操作系统及浏览器信息。
navigator.appCodeName: 返回浏览器的代码名
navigator.appName: 返回浏览器的名称
navigator.appVersion 返回浏览器的平台和版本信息
navigator.browserLanguage 返回当前浏览器的语言
navigator.cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值
navigator.cpuClass 返回浏览器系统的 CPU 等级
navigator.onLine 返回用户当前在线还是离线的布尔值。
navigator.platform 返回运行浏览器的操作系统平台
navigator.systemLanguage 返回 OS 使用的默认语言
navigator.userAgent：返回浏览器的 User Agent 字符串，表示浏览器的厂商和版本信息。也是由客户机发送服务器的 user-agent 头部的值
navigator.language 返回字符串，返回浏览器的首选语言 // “zh-CN”
navigator.languages 返回数据，返回用户可以接受的语言 // [‘zh-CN’, ‘en-US’, ‘de-DE’]
Navigator.plugins 返回一个类似数组的对象，成员是 Plugin 实例对象，表示浏览器安装的插件。