1.事件監聽window.addEventListener方法：

Window.addEventListener(event, function, useCapture);

useCapture:表示傳遞的類型是冒泡（false）還是捕獲（true）。

Event：表示事件；

Function：表示事件發生後觸發的方法

2.window.hisitroy

DOM中的window對象通過window.history方法提供了對瀏覽器歷史記錄的讀取，讓你可以在用戶的訪問記錄中前進和後退。

如：window.history.go(-1): 向後倒退一頁 window.history.go(1) :向前前進一頁

window.history.back();

window.history.forward();

HTML5 history新特性pushState、replaceState

Window.history.pushiState: 實現用戶往瀏覽器中新增一個歷史紀錄（主要用於改變當前的Url）

Window.history. replaceState: 實現用戶修改一個歷史紀錄

詳見：https://blog.csdn.net/tianyitianyi1/article/details/7426606

事件監聽和window.history以及自定義創建事件