BOM对象

缺乏、安全感 2022-11-18 05:45 237阅读 0赞

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

### 文章目录 ###

*  一、什么是BOM
 *   *  1.window对象
     *  2.window对象常用方法
     *  3.window对象常用属性
     *  4.location对象
     *  5.navigator对象
     *  6.screen对象
     *  7.history对象
     *  8.frames框架

--------------------

提示：以下是本篇文章正文内容，下面案例可供参考

# 一、什么是BOM #

**BOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZGV0ZWN0aXZl_size_16_color_FFFFFF_t_70]

## 1.window对象 ##

BOM 的操作入口为 window 对象，即浏览器下的全局对象

所有浏览器都支持 window 对象。它表示浏览器窗口  
一个html文档对应一个window对象  
控制浏览器窗口的  
window对象不需要创建对象，直接使用即可  
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员  
如alert()、prompt()、setInterval()、setTimeout()等方法，都是挂载在window对象上的全局方法  
alert(“1”)等同于window.alert(“1”) \*即window可省略

全局变量  
声明在最外层的变量为全局变量

var a = "global
    function foo(){
        
    	console.log(a) 
    }

将变量挂载到window对象上即为全局变量

function test(){
        
    	window.a = "global
    }
    function foo(){
        
    	test()
    	console.log(window.a)
    }

## 2.window对象常用方法 ##

window.open()
    打开一个新窗口

window.close()
    关闭当前窗口

window.open(URL,name,param)

![在这里插入图片描述][20210412214011316.png]

## 3.window对象常用属性 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZGV0ZWN0aXZl_size_16_color_FFFFFF_t_70 1]  
大多数修改窗口大小或位置的方法，目前已被主流浏览器禁用，对非window.open方法打开的窗口不能使用

## 4.location对象 ##

![在这里插入图片描述][20210412214116181.png]  
![在这里插入图片描述][20210412214121586.png]

## 5.navigator对象 ##

运行当前代码的客户端浏览器的相关信息  
![在这里插入图片描述][20210412214154736.png]

## 6.screen对象 ##

![在这里插入图片描述][2021041221421349.png]

## 7.history对象 ##

当前窗口的浏览历史记录  
![在这里插入图片描述][20210412214250552.png]![在这里插入图片描述][20210412214303234.png]

## 8.frames框架 ##

如果页面中包含框架，则每个框架都拥有自己的window对象，并且保存在frames集合中

![在这里插入图片描述][20210412214336340.png]  
在父页面中，可通过window.frames\[“frame1”\]访问子页面的window对象（需等frame加载完毕）  
在子页面中，可通过window.parent访问父页面的window对象（需等frame加载完毕）

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZGV0ZWN0aXZl_size_16_color_FFFFFF_t_70]: /images/20221022/94945396f0e44766ae145999f6b12604.png
[20210412214011316.png]: /images/20221022/a879cd3cd65f44a88ce0e2bbc8b15acb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZGV0ZWN0aXZl_size_16_color_FFFFFF_t_70 1]: /images/20221022/cffa7022dd5743739ef51511c7d64ee2.png
[20210412214116181.png]: /images/20221022/f3d2556554464adcb299457bf3a1e76e.png
[20210412214121586.png]: /images/20221022/20d6e6e9e9d34c658a72915b6e20569f.png
[20210412214154736.png]: /images/20221022/07516a6908654f81aa7ea2c846786f28.png
[2021041221421349.png]: /images/20221022/ff3caa6e3e7947b2b89e221590f8b3c6.png
[20210412214250552.png]: https://img-blog.csdnimg.cn/20210412214250552.png
[20210412214303234.png]: /images/20221022/682cae43d07c45b28239f5163d2b8923.png
[20210412214336340.png]: /images/20221022/b9be4147251547e683af50ac4a373d2b.png