BOM知识点

什么是BOM

什么是BOM？

• ​ Browser Object Model(浏览器对象模型)BOM
• ​ BOM是运行在浏览器中的，所以提供了一系列对象，用于和浏览器窗口进行交互这些对象主要包括
• ​ window，document，location，narigator等等被称为浏览器文档对象模型
• ​ window对象是js脚本运行的顶层对象

window 双重身份：

JavaScript 逻辑访问浏览器窗口的——接口；
ECMAScript 规范中的——Global全局对象；

window顶层对象

客户端JavaScript中的顶层对象。每当或标签出现时， window对象就会被自动创建

navigator浏览器信息

navigator：客户端有关浏览器的信息（版本号，平台号）
userAgent：用户代理
appVersion：版本
appName:名称
.platform: 浏览器所在计算机平台

screen 屏幕信息

width/height

document DOM对象

包含整个HTML文档，可被用来访问文档内容，及其所有页面元素

history 历史信息

 window.history.back();// 后退 back()方法用于模仿浏览器的后退按钮，相当于history.go(-1)
 window.history.forward();// 前进 forward()方法用于模仿浏览器的前进按钮，相当于history.go(1)
 window.history.go();// 表示向后或向前跳转的页面数的一个整数	值。负数表示向后跳转(类似于后退按钮)，正数表示向前					跳转(类似于前进按钮)

Location URL信息

·获取当前url
·跳转页面location=”1.html”;
·滚动到文档某个部位window.loction=’#top’;

·reload（）从新加载，从缓存中加载reload（true）从服务器中加载
1， location.reload(false) ----false为默认值，可以省略不写。
----从缓存中读取数据【浅度刷新】
----快捷键：F5
----读取数据速度快，用户体验好
2，location.reload(true)
----从服务器中请求读取数据【深度刷新】
----快捷键：Ctrl+F5
----读取数据速度慢，可以更新最新数据

window.location.assign(url) ： 加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。
window.location.replace(url) ： 通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的

window的方法

1.Window.open();

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
window.open(URL,name,specs,replace)
url:可写地址，不写就是打开空白窗口
Name：_blank:默认值打开新窗口 _self:在本窗口打开
Specs：width/height
myWindow=window.open(‘index.html’,‘_blank’,‘width=200,height=100’);

2.window.close();

close() 方法用于关闭浏览器窗口。//关闭当前窗口
如果想要关闭新打开的窗口，需要给新打开的窗口赋值
function openWin(){
myWindow=window.open(“”,“”,“width=200,height=100”);
myWindow.document.write(“

这是’我的窗口’

”);}
function closeWin(){myWindow.close();}
.opener()根据子窗口关闭父页面

3.window.moveTo();

moveTo() 方法可把窗口的左上角移动到一个指定的坐标。
myWindow.moveTo(20,230);

4.window.resizeTo();

方法用于把窗口大小调整为指定的宽度和高度。
window.resizeTo(width,height)

5.confirm()确认框//true、false…

6.alert()警示框

7.prompt（）输入框//没有就是空字符串,点击取消返回null

8.setInterval（）间隔定时器

9.setTimeout（）延时定时器