js操作BOM对象

本文介绍了浏览器对象模型(BOM)的基本概念及其主要功能,包括如何通过BOM与浏览器窗口交互、弹出新窗口、调整窗口大小等。此外还详细阐述了window、history、location等核心对象的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

浏览器对象模型(BOM)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。

BOM通常可实现如下功能:
1.弹出新的浏览器窗口。
2.移动、关闭浏览器窗口及调整窗口的大小。
3.在浏览器窗口中实现页面的前进、后退功能。

windows对象常用的属性

名称

说明   
history有关客户访问过的URL信息
location有关当前URL的信息
screen

只读属性,包含有关客户端显示屏幕的信息

语法
    window.属性名="属性值"

window.location="www.baidu.com"


window对象的常用方法
名称说明
prompt()显示可提示用户输入的对话框
alert()显示一个带有提示信息和一个“确定”按钮的警示对话框
confirm()显示一个带有提示信息、“确定”和“取消”按钮的对话框
close()关闭浏览器窗口
open()打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout()在指定的毫秒数后调用函数或计算表达式
setInterval()
按照指定的周期(以毫秒计)来调用函数或表达式

语法
    window.方法名();

confirm()
弹出一个确认对话框

语法
    window.confirm();
var flag = confirm("确定要删除此条信息吗?");  
    if (flag == true) {  
        alert("删除成功!")  
    } else {  
        alert("取消删除!")  
    }