js的window對象.
window對象不但能充當全局作用域，而且表示瀏覽器的窗口。
window有innerWidth和innerHeight屬性。獲得內部高度和寬度。除去菜單欄，工具欄，和邊框後，單獨顯示網頁的淨寬高。
console.log('window inner size' + window.innerWidth);
會隨着窗口大小的拉伸變化而變化。
navigator表示瀏覽器的信息 包括瀏覽器名稱 瀏覽器版本，瀏覽器設置的語言等.
console.log(navigator.userAgent);
screen對象表示屏幕的信息，常用的屬性有
screen.width 屏幕寬度 screen.height 屏幕高度等。 也會隨着可見視區的變化而變化。
location對象表示當前頁面的URL信息。例如，一個完整的URL：
location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'
document表示當前的頁面，由於html在瀏覽器中以DOM的形式展現，document對象就是整個DOM樹的根節點
查找dom對象可以用getElementById()和getElementsByTagName()可以按ID獲得一個DOM節點和按Tag名稱獲得一組DOM節點：
cookie是由服務器發送的key-value標識符，因爲http是沒有狀態的，但是服務器要區分是哪個 用戶發送過來的。就可以用cookie進行區分。當一個用戶成功登陸後，服務器發一個cookie給瀏覽器，例如user=ABC123XYZ(加密的字符串)...，此後，瀏覽器訪問該網站時，會在請求頭附上這個Cookie，服務器根據Cookie即可區分出用戶。
document.cookie這一屬性。因爲js能讀取cookie 所以第三方的js文件會進行入侵。讀取用戶信息，，服務器在設置Cookie時可以使用httpOnly，設定了httpOnly的Cookie將不能被JavaScript讀取。這個行爲由瀏覽器實現，主流瀏覽器均支持httpOnly選項，IE從IE6 SP1開始支持。
history對象保存瀏覽器的歷史記錄。
操縱DOM。
-
更新：更新該DOM節點的內容，相當於更新了該DOM節點表示的HTML的內容；
-
遍歷：遍歷該DOM節點下的子節點，以便進行進一步操作；
-
添加：在該DOM節點下新增一個子節點，相當於動態增加了一個HTML節點；
-
刪除：將該節點從HTML中刪除，相當於刪掉了該DOM節點的內容以及它包含的所有子節點。
獲取：
var js = document.getElementById("test-p");
js.innerHTML = "<div>哈哈哈哈哈</div>";
修改html
創建一個html元素，隨後進行插入。
//生成元素
var list = document.createElement('p');
list.id = "list";
list.innerText = "陳盼盼";
haskell.appendChild(list);
console.log(js);