1. Bom
Browser Object Model是浏览器对象模型，它提供了一系列对象用于与浏览器窗口进行交互，浏览器对象模型提供了独立与内容的，可以与浏览器窗口进行互动的对象结构，Bom由多个对象构成，其中代表浏览器窗口的window对象是Bom对象的顶层对象，其他对象都是该对象的子对象。
bom.png
2. window对象（Bom的顶级对象）
window，顾名思义，窗口对象。它表示整个浏览器窗口，主要用来操作浏览器窗口。
- var a; window.a;
- function fn(){} window.fn();
- document window.document
- window.onload
- alert('提示信息')
- confirm("确认信息") ***************
- prompt("弹出输入框")
- open("url地址"，“_blank或_self”） *******************
- window.onresize
- window.onscroll
(1) 所有的全局变量和全局函数都是存储到window对象上的
(2) document也是属于window对象的
(3) window.onload等待页面加载完成之后执行
(4) window.alert() 弹出一个警告框
(5) window.confirm()
confirm有一个返回值 改返回值是一个boolean的
如果点击确定了 则返回true 如果点击取消了 则返回false
(6) prompt 你输入的数据是一个string类型的
var name = prompt('请输入用户名字');
console.log(name);
(7) open方法
open方法的第一个参数 是请求地址 就是你要跳转到哪个页面
第二个参数 有2个 一个是_blank 打开一个新的窗口
一个是_self 在当前窗口中打开
(8) onresize // 调整页面大小
window.onresize = function(){
console.log(11111);
}
(9) onscroll
window.onscroll = function(){
console.log(11111);
}
3.BOM-localtion
-
window.location.href = 'http://www.atguigu.com';
局限：仅限于当前窗口打开 不可以打开一个新的窗口 - location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 （80 或 443）
http 80
https 443
oracle 1521
mysql 3306
redis 6379
mongodb 27017
ftp 21
ssh 22 - location.portocol 返回页面使用的web协议。 http:或https:
- https 加密 http + ssl
ssl 安全套接字协议
- https 加密 http + ssl
4. history对象 管历史记录
history对象包含有关用户的访问历史记录
-
length返回浏览器历史列表中的 URL 数量 -
forward()加载 history 列表中的下一个 URL -
back()加载 history 列表中的上一个 URL -
go()加载 history 列表中的某个具体页面 -
history.go(0)刷新当前页面 -
history.go(-1)后退一页 -
history.go(1)前进一页
<a href="javascript:history.back()">上一页</a>
<a href="javascript:history.forward()">下一页</a>
<a href="javascript:window.history.go(-1)">指定页</a>//回到指定的历史记录 0代表当前页 负数代表前面的页 正数代表后面的页
5. navigator 管浏览器的版本内核信息
navigator对象用于提供与用户浏览器相关的信息
appCodeName 属性返回浏览器的代码名
appName 属性返回浏览器的名称
cookieEnabled 属性返回指明浏览器中是否启用cookie的布尔值
platform 属性返回运行浏览器的操作系统平台
appVersion 属性返回浏览器的平台和版本信息
userAgent属性返回用户浏览器发送服务器的user-agent头部的值language: "zh-CN" 判断用户浏览器语言设置
识别浏览器
var str1=window.navigator.userAgent;
var str2=window.navigator.appVersion;
console.log(navigator.appName);//浏览器名字Netscape（网景）
console.log(navigator.appCodeName);//核心名称，但是不准
console.log(navigator.appVersion);//应用的版本
6. screen
screen对象包含有关客户端显示屏幕的信息
- width 属性返回显示器屏幕的宽度
- height 属性返回显示器屏幕的高度
- availHeight 属性返回显示屏幕的高度 (除 Windows 任务栏之外)
- availWidth 属性返回显示屏幕的宽度 (除 Windows 任务栏之外)
7. document对象 文档对象
document 对象是 Window 对象的一部分
- 可通过 window.document 属性对其进行访问
- 每个载入浏览器的 HTML 文档都会生成 document 对象
- document 对象与它所包含的各种节点构成了早期的文档对象模型（DOM 0级）
- document：包含整个 HTML 文档，可被用来访问文档内容及其所有页面元素
