BOM对象

本文介绍了BOM(浏览器对象模型),重点讲解了window对象的全局作用域、对话框、窗口操作、定时器,以及location对象的URL更改和参数获取,history对象的历史记录跳转和无刷新更改URL,navigator对象和screen对象的相关属性和应用。通过这些,开发者可以更深入地理解和操作浏览器窗口及控件。
摘要由CSDN通过智能技术生成

一、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加载到一个新的窗口,也是默认值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值