BOM简述

BOM

​ 1、BOM 包括了所有的JS对象 ，是一个对象集合群

​ 2、在JS中最大的对象是window对象

​ 3、全局的也是相对window来说的；也就是说全局的东西，其他地方都可以访 问

​ 4、学习DOM目的：进一步熟悉JS 是怎么在浏览器这个平台进行运行的

​ 5、这里需要更加了解浏览器的一些功能

---

window下六大对象

​ 1、document对象

​ 2、frames[]

​ 3、history

​ 4、location

​ 5、navigator

6、screen 

---

history对象

history 作用 保存浏览器历史纪录信息

history.go() 传入负数；返回上几个页面；正数：加载下几个页面

---

location对象

location 可通过 window.location 属性来访问，对象中信息，与URL 利用有关的所有信息

​ host：“域名” 例:www.jiegeng.com

​ pathname: “文件路径” 最好可以处理到 “/” 例: pathname:’/login’

​ parotocol:“http:” 放网络协议（http/https）

​ prot:"" 通常放IP地址

​ href:‘网站的url地址’ url地址是由：网络协议+域名+路径+参数

http://www.yanqi.com/login?username=.....

协议：http

域名：www.yanqi.com

​ 路径（pathname）:/login

参数：？username = ....  url 参数的来源（上一个页面跳转带过来的）,通过url传递参数：这个参数带的数据一定是下个页面需要用到的数据

---

​screen对象

​存放显示有关显示浏览器一些信息

colorDepth属性: 返回目标设备或缓冲器上的调色板的比特深度

availHeight: 返回显示屏幕的可用高度(以像素计，减去界面特性，比如窗口任务栏)

availWidth:返回显示屏幕的可用宽度(以像素计，减去界面特性，比如窗口任务栏)

height:返回屏幕区域的实际高度

width:返回屏幕区域的实际宽度

以上获取的信息都是浏览器屏幕有关的所有信息，可视区域的信息

浏览器高度：浏览器高度=屏幕的分辨率 即使缩小浏览器也是和分辨率大小一样

浏览器任务栏的高度≈screen.height-screen.availHeight

注意：这些信息获取到的浏览器信息一定是精准的 注意结合使用这些信息 求一下内容

---

navigator对象

navigator对象：描述正在使用的浏览器

常用属性：

appName:返回浏览器的名称。

appVersion:返回浏览器的平台和版本信息。

platform:返回运行浏览器的操作系统平台。

appCodeName:返回浏览器的代码名。

   	console.log(navigator.appName) // Netscape
    console.log(navigator.appCodeName) // Mozilla
    console.log(navigator.appVersion) //浏览器版本号
    console.log(navigator.platform)// win32

---

window下常用的属性和方法

​ Alert()方法 弹出一个对话框

​ Confirm(‘请确定或者取消’); 有确定和取消的对话框

​ Var num = prompt(‘请输入一个数字’,0) 第一个参数是说明，第二个是说明，返回输入的值

​ Open()新建窗口，它可以接受三个参数

​ Open();弹出一个新的窗口

​ Open(‘http://www.baidu.com’)//第一个参数是你要跳转的URL

​ Open(‘http://www.baidu.com’,’baidu’)//窗口的名称或者窗口的目标，命名可以给新窗口设置一个名称，凡是以这个名称打开的窗口都在这个窗口里加载URL；目标_blank _parent…以什么形式打开

​ Open(‘http://www.baidu.com’,’baidu’,’width=400,height=400’)//特定的字符串，表示各种窗口的配置

​ open本身会返回这个窗口的window对象

​ 获取是什么模式的浏览器方法：document. compotmode // CSS1compot 标准模式 BackCompat 怪异模式

​

​ window.alert(‘弹框方法：可以省略window’) //有阻塞作用

​ window.console.log(‘assssssssss’) //有测试作用