当前位置:  首页>> 技术小册>> JavaScript面试指南

BOM(Browser Object Model)是浏览器对象模型,它提供了访问和操作浏览器窗口及其相关对象的接口,包括窗口、框架、历史记录、位置、导航等信息。常见的BOM对象包括window、location、navigator、screen等。下面是对BOM对象的简要介绍以及相关代码示例:

window对象
window对象表示当前浏览器窗口,它是BOM的核心对象之一,也是默认的全局对象。window对象提供了许多方法和属性,例如setTimeout、alert、confirm、location、navigator、screen等。示例代码如下:

  1. // 弹出提示框
  2. window.alert("Hello World");
  3. // 在3秒后执行函数
  4. window.setTimeout(function() {
  5. console.log("3 seconds passed");
  6. }, 3000);
  7. // 获取当前页面的URL
  8. const url = window.location.href;
  9. // 获取用户的浏览器信息
  10. const browserInfo = window.navigator.userAgent;

location对象
location对象表示当前窗口的URL,它提供了许多与URL相关的方法和属性,例如href、hostname、pathname等。示例代码如下:

  1. // 跳转到指定的URL
  2. location.href = "https://www.example.com";
  3. // 获取当前URL的hostname
  4. const hostname = location.hostname;
  5. // 获取当前URL的pathname
  6. const pathname = location.pathname;

navigator对象
navigator对象表示当前浏览器的信息,例如浏览器类型、版本、操作系统等。示例代码如下:

  1. // 获取用户的浏览器信息
  2. const browserInfo = navigator.userAgent;
  3. // 获取浏览器的语言设置
  4. const language = navigator.language;

screen对象
screen对象表示当前显示器的信息,例如显示器的分辨率、像素密度等。示例代码如下:

  1. // 获取屏幕的宽度和高度
  2. const screenWidth = screen.width;
  3. const screenHeight = screen.height;
  4. // 获取屏幕的像素密度
  5. const pixelDensity = screen.devicePixelRatio;

以上是常见的BOM对象及其相关方法和属性


该分类下的相关小册推荐: