BOM浏览器对象模型整理解析

浏览器对象模型（BOM）是由浏览器厂商为JavaScript提供的一组API，它们用于访问和控制浏览器窗口的属性和行为，例如窗口大小、主页地址等。BOM的随意性和缺乏标准化使它成为了一种争议性的技术，但无论如何它都是Web开发中不可避免的一部分。本文将对BOM进行整理解析，为广大前端程序员提供参考。

window对象

在JavaScript中，全局对象是window对象，这意味着所有用var声明的函数和变量都会成为window对象的属性和方法。window对象包括多个子对象，例如location、history、navigator、screen等，以下为一些常用方法的示例：

window.open()

在新窗口中打开一个URL：

      window.open("http://www.example.com/");
    

window.alert()

显示一个带有一段警告文本的警告框：

      window.alert("Hello World!");
    

window.scrollTo()

将文档滚动到指定位置：

      window.scrollTo(0, 500);
    

location对象

location对象包含有关当前窗口的URL信息，它可以用于跳转到新的URL或获取当前URL的各种信息等：

location.href

返回当前URL的完整地址：

      var url=location.href;
      console.log(url);
    

location.assign()

在当前窗口中加载新URL：

      location.assign("http://www.example.com/");
    

location.reload()

重新加载当前页面：

      location.reload();
    

history对象

history对象包含浏览器会话的历史记录，可以使用它来后退、前进或跳转到指定页面等：

history.back()

后退到上一个页面：

      history.back();
    

history.forward()

前进到下一个页面：

      history.forward();
    

history.go()

跳转到指定历史记录页面：

      history.go(-2); // 后退两个历史记录页面
    

navigator对象

navigator对象包含有关浏览器的信息，例如浏览器名称、版本、用户代理等：

navigator.userAgent

返回浏览器的用户代理字符串：

      var userAgent=navigator.userAgent;
      console.log(userAgent);
    

navigator.language

返回浏览器使用的默认语言：

      var language=navigator.language;
      console.log(language);