BOM

浏览器对象模型（BOM）

1.Window对象

所有浏览器都支持 window 对象。它表示浏览器窗口

全局变量是 window 对象的属性，全局函数是 window 对象的方法。

window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸

2.Window尺寸

2.1 inner

window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)

2.2 Screen

screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
screen.width- 屏幕总宽度
screen.height- 屏幕总高度

3.Window Location

用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面

3.1 Location Href

document.write(location.href);   //输出当前页面的URL

3.2 Location Pathname

document.write(location.pathname);   //返回 URL 的路径名

3.3 Location Assign

window.location.assign("https://www.runoob.com")   //加载新的文档

3.4 Location Replace

window.location.replace("https://www.runoob.com")
//替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的

4.Window History

浏览器的历史

history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击向前按钮相同

history.go() - 来实现向前，后退，刷新的功能

function a(){history.go(1);  // go() 里面的参数表示跳转页面的个数 例如 history.go(1) 表示前进一个页面
}
function b(){history.go(-1);  // go() 里面的参数表示跳转页面的个数 例如 history.go(-1) 表示后退一个页面
}
function c(){history.go(0);  // go() 里面的参数为0,表示刷新页面
}

5.Window弹窗

5.1警告框

window.alert(“sometext”);
sometext：提示的文本（无返回值）

5.2确认框

window.confirm(“sometext”);
sometext：提示的文本（返回 true / false）

5.3提示框

window.prompt(“sometext”,“defaultvalue”);

sometext：提示的文本
defaultvalue：输入的值（返回defaultvalue）

BOM操作（浏览器对象模型）相关推荐

Web APIs五、BOM操作浏览器
零.文章目录 Web APIs五.BOM操作浏览器 1.Window对象 (1)BOM(浏览器对象模型) BOM(Browser Object Model ) 是浏览器对象模型 window对象是一个 ...
BOM（浏览器对象模型）和DOM(文档对象模型)
什么是BOM(浏览器对象模型) BOM:(Browser Object Mode) 浏览器对象模型. 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 ...
JavaScript学习笔记（6）BOM（浏览器对象模型）pc网页特效（停止学习）
文章目录什么是BOM(浏览器对象模型) BOM中的window对象(顶级对象) window对象常见事件窗口加载事件 window.onload(等待文档内容全部加载完成才会触发,这样可以把js代 ...
BOM（浏览器对象模型）
一.BOM(浏览器对象模型) 1.screen对象. console.log(screen);console.log(window.screen);console.log(screen.width); ...
前端学习之BOM（浏览器对象模型）
目录 1. BOM概述 1.1 定义 1.2 BOM构成 2. window 对象常见事件 2.1 窗口加载事件 2.2 调整窗口大小事件 3. 定时器 3.1 定时器 3.2 setTimeout( ...
初学JavaScript：BOM（浏览器对象模型）介绍
文章目录 BOM 1.简介 2.BOM的组成 2.1 窗口对象window 2.1.1 window对象特点 2.1.2 window作用域 2.1.3 window对象常见方法第一类:系统对话框 ...
BOM(操作浏览器相关内容)
目录简介 BOM的三大对象顶级对象 window对象三大对象 location history navigator BOM的三大系列属性 client系列 offset系列 scroll系列 B ...
什么是BOM BOM概述浏览器对象模型 BOM的构成
什么是BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window: BOM是由一些列相关对象构成,并且每个对象 ...
javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
浏览器对象模型(BOM)
BOM结构用户浏览网页的时候,浏览器会自动创建一些对象,这些对象存放着浏览器窗口的属性和相关信息,也就是大家熟称的BOM.浏览器对象模型是一个层次化的对象集,我们可以通过window对象访问所有对象 ...

BOM操作（浏览器对象模型）

BOM