举例说明常用的BOM属性和方法有哪些？

在前端开发中，BOM（Browser Object Model）是一个重要的概念，它提供了与浏览器窗口进行交互的对象。BOM主要由多个对象组成，其中Window对象是BOM的顶层对象，其他对象都是该对象的子对象。以下是一些常用的BOM属性和方法的举例说明：

一、Window对象的常用属性：

1. window.name：指浏览器窗口的名字或框架的名字。可以设置和获取窗口的名字。
2. window.innerWidth 和 window.innerHeight：分别指浏览器窗口的内宽和内高，不包括菜单栏、工具栏、地址栏、状态栏等。这些属性在Chrome等现代浏览器中支持。
3. window.location：包含当前文档的信息，如URL、协议、主机名、端口号、路径等。通过它可以获取或设置当前文档的URL，并可以实现页面跳转。

二、Window对象的常用方法：

1. window.alert(message)：弹出一个警告对话框，显示指定的消息。
2. window.prompt(text, defaultText)：弹出一个输入对话框，用户可以输入文本。该方法返回用户输入的文本。
3. window.confirm(message)：弹出一个确认对话框，显示指定的消息。该方法返回一个布尔值，表示用户是否点击了“确定”按钮。
4. window.open(url, name, options)：打开一个新的浏览器窗口或标签页，并加载指定的URL。可以设置窗口的名称、特性等。
5. window.close()：关闭当前窗口。需要注意的是，出于安全考虑，浏览器可能不允许脚本关闭非由脚本打开的窗口。
6. window.setTimeout(function, delay) 和 window.setInterval(function, interval)：分别用于在指定的延迟后执行一次函数，和每隔指定的时间间隔重复执行函数。这些方法是实现定时器和延时器的基础。
7. window.onload = function：当页面加载完成时执行的函数。可以在此函数中进行页面初始化操作。

三、其他常用BOM对象及其属性和方法：

1. navigator 对象：包含有关浏览器的信息，如浏览器名称、版本、系统语言等。常用属性有 navigator.appName、navigator.appVersion、navigator.language 等。
2. history 对象：包含用户访问过的URL列表，可以实现前进、后退和刷新页面的功能。常用方法有 history.go(n)（前进或后退指定的页面数）、history.back()（后退一页）、history.forward()（前进一页）等。
3. location 对象（已在上文Window对象部分提及）：除了作为Window对象的属性外，location 对象本身也包含许多有用的属性和方法，如 location.href（获取或设置当前文档的URL）、location.reload()（刷新当前页面）等。

综上所述，BOM提供了丰富的属性和方法来与浏览器窗口进行交互，这些属性和方法在前端开发中经常被使用到。