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()

cookie是由伺服器傳送的key-value識別符號，因為http是沒有狀態的，但是伺服器要區分是哪個 使用者傳送過來的。就可以用cookie進行區分。當一個使用者成功登陸後，伺服器發一個cookie給瀏覽器，例如user=ABC123XYZ(加密的字串)...，此後，瀏覽器訪問該網站時，會在請求頭附上這個Cookie，伺服器根據Cookie即可區分出使用者。

document.cookie這一屬性。因為js能讀取cookie 所以第三方的js檔案會進行入侵。讀取使用者資訊，，伺服器在設定Cookie時可以使用httpOnly

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);