JavaScript对BOM对象的操作

1、什么是BOM

BOM(Browser Object Model)，即浏览器对象模型，它为我们提供了独立的与浏览器窗口交互的方法，核心对象是window。

2、BOM的内容介绍

1.Window

用来保存浏览器显示的相关信息，与navigator区别。

    console.log(window.innerWidth);//文档显示区域宽
    console.log(window.innerHeight);//文档显示区域高
    console.log(window.outerWidth);//浏览器宽
    console.log(window.outerHeight);//浏览器高
    alert("要打开新窗口啦")
    window.open();//打开新窗口，注意别被拦截了，没效果了要

2.Navigator

 这个一般用来访问浏览器的相关信息，但是我们平常不会使用，因为会被使用者人为修改，所以作用不大。

    console.log(navigator.appName);//浏览器名称
    console.log(navigator.appVersion);//浏览器版本号
    console.log(navigator.appCodeName);//浏览器内部代码
    console.log(navigator.platform);//操作系统
    console.log(navigator.cookieEnabled);//是否启用cookie
    console.log(navigator.userAgent);//浏览器的用户代理报头

3.Screen

用来提取屏幕本身的尺寸

    console.log(screen.height);//屏幕的长度
    console.log(screen.width);//屏幕的宽度

4.History

    console.log(history.back())//后退（访问刚刚的页面）
    console.log(history.forward())//前进
    console.log(history.go())//控制前进或者后退多少个网页

 

5.Location

代表当前页面的一些相关URL以及一些信息。

    console.log(location.host);//主机名加端口号
    console.log(location.href);//当前位置（链接，可以通过它来跳转）
    console.log(location.reload());//刷新
    console.log(location.assign());//跳转

6.Document

代表当前页面的文档信息，HTML DOM文档树，可以通过它的一些操作来获取节点信息，改变界面标题等操作。

    console.log(document.title)//用来获取标题，通过赋值可以修改标题
    console.log(document.getElementById())//动态获取网页，取得id为指定值的元素
    console.log(document.cookie)//获取cookie值

其中，获取cookie值的方式会被一些恶意网站加以利用，使得本机的cookie被盗，造成损失。