我是一颗树（经过故事讲清楚了 BOM 对象）

原文

我是一颗树，吹着海风，晒着太阳，活的逍遥自在。我有不少树枝，每一根都很独立，互不相交：

一天有一个叫浏览器的家伙看上了我，说给我很大的权利，在浏览器的世界里能够横行霸道，拥有至高无上的权利，并且福利待遇很是好。我信了，决定到浏览器的世界体验一下生活。 第一天上班后，浏览器帮我换了个造型，说这样很是方便工做，我信了。我被改形成了这个样子。

当照完镜子后，我怒气冲冲向浏览器吼道：“你把个人英俊潇洒还给我”。浏览器微微一笑，说到：“你看你这样多精干啊！”。他那帮手下 window、location、navigator、screen、history 都随声附和道：“比之前帅多了”。我信了，可是我总以为本身「栽了个跟头」。

浏览器继续补充道：给你换了个造型，你有两点优势是别人没法超越的。第1、你是处于金字塔顶尖的人，独一无二；第2、你能够有无穷多个子孙，每个子孙都相互独立，互不干扰私生活。

听了浏览器的话，我内心感受舒服了许多。

浏览器又发话了，你的其它同事都有英文名，我给你也起一个吧，之后叫你 document，你还有一个独特的名字 DOM。我心里嘀咕着：“难道我就是个文档？不过想到从今之后有了英文名字仍是挺开心的”。

工做的第一天，我除了「栽了个跟头」，还有一个好听的英文名字。

次日，我来到工做岗位。浏览器把我叫到办公室，我看到他旁边多了一我的，看着挺厉害，我当心地躲开了她。接着浏览器说道：“这是你的直接 leader —— window 女士，之后你属于她的手下，但愿大家合做愉快”。咱们彼此微微一笑，而后就都回到本身的工位了。

不一下子，window 走到个人工位说，我带你认识下其它同事。我屁颠屁颠跟着她。

首先来到我身旁的同事，只见他正在记录着地址（www.xx.com）一类东西。window 说道：“这位是 location，他负责提供浏览器页面的位置信息，也能够跳转到其它页面。之后大家会配合的多一些，他也是你得力的手下，但愿大家合做愉快”。

「公众号素燕注：location 便是 window 的属性，也是 document 的属性，document.location === window.location」。

接着，来到另外一位同事面前，window 说道：“这位是 navigator，他负责记录咱们老大浏览器的一些信息，好比咱们老大懂几种语言，老大的名字等”。

接着，又来到了一位同事面前，直见他坐在角落里，此时正玩着游戏呢。见咱们走来，急忙退出游戏。window 伪装没看到，我内心嘀咕：“这家伙工做不饱和啊”。window 说道：“这位是 screen，他负责记录咱们老大的一些身体特征，好比身高”。

「公众号素燕注：screen 主要提供浏览器的尺寸信息，好比浏览器的宽高，不多被用到」。

走到最后一位同事面前，只见他手里在记录这什么，看着比较忙。window 说道：“这位是 history，他负责记录人们在浏览器中访问页面的历史记录，能够帮用户返回他们上次访问的页面”。

介绍完这些同事，咱们都回到了工位。此刻正好 11 点，赶忙把刚才 window 介绍给个人同事记录一下，之后遇到问题能够找他们。说着随手画了这张图。正好吃饭的时间到了，和同事们一块儿吃饭了。

「公众号素燕注：这张图就是各个对象中的属性，负责记录当前页面或浏览器的一些属性」。

吃完饭后回到工位，睡了一会，忽然听到微信响了一声。打开微信一看：

完了，估计睡觉被 window 看到了，我匆匆忙忙赶到了办公室，只见 window 已经准备就绪，正等着我。

window 说道：你的工做比其它同事都要多，并且很是重要，只有你能作这份差事，由于你拥有自然的优点，这也是咱们老大看上你的缘由。咱们均为浏览器工做，浏览器的主要功能就是提供各类页面，供人们访问。但最近接到不少开发者吐槽说咱们太不灵活了。好比点击按钮后，想修改用户名称也不行，修改背景色也不行，页面只能是“死”的。开发者想让页面“活”起来。

接着 window 打开了一位开发者的页面说道：“实现相似下面的效果，当点击按钮「换个颜色」，顶部的方块变成红色”。

固然这只是一个例子，还有不少功能须要设计，好比位置移动，修改字体大小。总之能让页面“活”起来。

你回去之后，想一个方案，想好之后咱们一块儿再对一下。

听完 window 的需求任务，我回到了工位。原本觉得能够体验生活了，没想到是苦差事，好回念吹着海风，晒着太阳，逍遥自在的日子。无论如何我要把个人方案作出来，为我本身争口气。

本节完，下节再见！

「公众号素燕注：本节内容介绍了 window、location、navigator、screen、history、document 的做用。document 如何完成他的任务，请看下节内容」。