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)