事件监听和window.history以及自定义创建事件

Posted 2020-11-20 8080zh

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