BOM常用属性有哪些?

75 阅读2分钟

"## BOM常用属性

1. window 对象

window 是浏览器的全局对象,所有的全局 JavaScript 对象、函数和变量都成为 window 对象的属性。

2. document 对象

documentwindow 对象的一个属性,表示当前网页的 DOM(文档对象模型)。可以用来访问和操作页面内容。

3. location 对象

location 对象包含当前文档的 URL 信息,并提供方法和属性以便在浏览器中导航。

  • location.href:获取或设置当前页面的 URL。
  • location.hostname:获取当前页面的域名。
  • location.pathname:获取当前页面的路径。
  • location.search:获取 URL 的查询字符串。

4. navigator 对象

navigator 对象提供有关浏览器的信息,包括浏览器名称、版本、操作系统等。

  • navigator.userAgent:获取浏览器的用户代理字符串。
  • navigator.platform:获取浏览器所运行的平台。
  • navigator.language:获取浏览器设置的语言。

5. history 对象

history 对象允许访问浏览器的历史记录,可以导航到前一页或后一页。

  • history.back():返回到上一个页面。
  • history.forward():前往下一个页面。
  • history.go(n):前往历史记录中的第 n 个页面。

6. screen 对象

screen 对象提供有关用户屏幕的信息。

  • screen.width:屏幕的宽度(以像素为单位)。
  • screen.height:屏幕的高度(以像素为单位)。
  • screen.availWidth:可用屏幕宽度(不包括任务栏等)。
  • screen.availHeight:可用屏幕高度(不包括任务栏等)。

7. setTimeoutsetInterval

setTimeoutsetInterval 是用于定时操作的方法。

  • setTimeout(function, milliseconds):在指定的毫秒后执行一个函数。
  • setInterval(function, milliseconds):每隔指定的毫秒执行一个函数。

8. alert, confirm, 和 prompt

这些函数用于与用户交互。

  • alert(message):显示一个警告框,只有一个“确定”按钮。
  • confirm(message):显示一个确认框,返回用户选择的布尔值。
  • prompt(message, default):显示一个提示框,允许用户输入文本。

9. localStoragesessionStorage

这两个对象用于在用户的浏览器中存储数据。

  • localStorage:数据在浏览器关闭后仍然存在。
  • sessionStorage:数据在浏览器标签页关闭后消失。

10. console 对象

console 对象用于输出调试信息。

  • console.log(message):输出信息到控制台。
  • console.error(message):输出错误信息到控制台。
  • console.warn(message):输出警告信息到控制台。

这些属性和方法是 BOM 的核心组成部分,在 Web 开发中广泛应用于实现与浏览器的交互和控制。"