我是一顆樹（經過故事講清楚了 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 如何完成他的任務，請看下節內容」。