一、BOM对象
BOM:Brower Object Model,指的是浏览器对象模型。
作用:操作浏览器窗口及窗口上的控件,实现用户和页面的动态交互。
浏览器对象:浏览器提供的一系列内置对象的统称。
BOM浏览器对象模型:各内置对象之间按照某种层次组织起来的模型的统称。
window对象是BOM的顶层(核心)对象。
其他的对象都是以属性的方式添加到window对象下,也可称为window的子对象。
1、document(文档对象):也称为DOM对象,是HTML页面当前窗体的内容,同时也是JavaScript重要组成部分之一。
2、history(历史对象):主要用于记录浏览器的访问历史记录,也就是浏览网页的前进与后退功能。
3、location(地址栏对象):用于获取当前浏览器中URL地址栏内的相关数据。
4、navigator(浏览器对象):用于获取浏览器的相关数据,例如浏览器的名称、版本等,也称为浏览器的嗅探器。
5、screen(屏幕对象):可获取与屏幕相关的数据,例如屏幕的分辨率等。
二、window对象
1、全局作用域
window对象:是BOM中所有对象的核心,同时也是BOM中所有对象的父对象。
定义在全局作用域中的变量、函数以及JavaScript中的内置函数都可以被window对象调用。
2、弹出对话框和窗口
window对象中除了前面提过的alert()和prompt()方法外,还提供了很多弹出对话框和窗口的方法,以及相关的操作属性。
方法
分类 |
名称 |
说明 |
属性 |
closed |
返回一个布尔值,该值声明了窗口是否已经关闭 |
name |
设置或返回存放窗口名称的一个字符串 |
|
opener |
返回对创建该窗口的window对象的引用 |
|
parent |
返回当前窗口的父窗口 |
|
self |
对当前窗口的引用,等价于window属性 |
|
top |
返回最顶层的父窗口 |
|
方法 |
alert() |
显示带有一段消息和一个确认按钮的警告框 |
confirm() |
显示带有一段消息以及确认按钮和取消按钮的对话框 |
|
prompt() | 显示可提示用户输入的对话框 |
|
open() |
打开一个新的浏览器窗口或查找一个已命名的窗口 |
|
close() |
关闭浏览器窗口 |
|
focus() |
把键盘焦点给予一个窗口 |
|
print() |
打印当前窗口的内容 |
|
scrollBy() |
按照指定的像素值来滚动内容 |
|
scrollTo() |
把内容滚动到指定的坐标 |
所有的属性和方法在常见的浏览器(如Edge、Chrome等)中全部支持。
1、prompt()方法
作用:弹出对话框和窗口,用于生成用户输入的对话框。
prompt('请输入测试的选项'); // 用于设置用户输入的提示信息
prompt('请输入测试的选项', '用户名和密码'); // 用于设置输入框中的默认信息
2、confirm()方法
作用:弹出一个确认对话框,该对话框中包含提示消息以及确认和取消按钮。
参数:用于设置确认的提示信息。
返回值:点击“确定”按钮,返回true。点击“取消”按钮,返回false。
confirm("确定要删除吗?")
3、open()方法
作用:用于打开一个新的浏览器窗口,或查找一个已命名的窗口。
语法:open(URL, name, specs, replace)。
参数(URL):打开指定页面的URL地址,若没有指定,则打开一个新的空白窗口。
参数(name):指定target属性或窗口的名称。
参数(specs):用于设置浏览器窗口的特征(如大小、位置、滚动条等),多个特征之间使用逗号分隔。
参数(replace):设置为true,表示替换浏览历史中的当前条目,设置false(默认值),表示在浏览历史中创建新的条目。
name可选值 |
含义 |
_blank |
URL加载到一个新的窗口,也是默认值 |