本文主要介绍html5的pushstate和监控浏览器返回事件的实现，主要介绍pushstate的使用和监控浏览器的解决方案等。有兴趣的可以一起看看。
pushstate与监听浏览器返回解决的问题
1.在实际开发中，我们调用页面a上的组件，在组件中填充内容后，我们发现我们想退出但不想填充，因为此时组件和页面a在同一个页面上。当我们点击back时，它给人的感觉是我们正在返回到上一页，但是上一页a中没有填充任何内容，这极大地影响了体验。
因此，您可以使用pushstate方法更改url，而无需刷新浏览器。当您返回时，您将返回到这一页而不是上一页。但是，此时需要监控返回的按钮，以控制组件的显示和隐藏。这也很关键。否则，如果组件没有隐藏，就没有效果。
pushState
用法(一般情况)
函数pushHistory() {
Varstate={title :' title '，URL :唐山网站制作' # ' }；
window.history.pushState(state，' title '，' # ')；}
参数描述：
PushState()接受三个参数：State是js对象，title是title(现在被忽略)，以及一个可选的URL地址。
关于pushstate的说明
浏览器不向服务器请求数据，而是直接更改url地址，这可以类似地理解为散列的伪装版本；然而，与哈希不同，浏览器记录了推送状态的历史，并可以使用浏览器的向前和向后功能。
监听浏览器返回按钮
1 window . AddEventListener(' pop state '，函数(e){ console . log(e)；Alert('我听到浏览器的后退按钮事件')；//根据自己的需要实现自己的功能}，false)；
转自：https://segmentfault.com/a/1190000022696823
关于html5 pushstate的实现和监控浏览器返回事件的张文，本文到此结束。有关html5 pushstate实现的更多信息，请搜索脚本之家以前的张文或继续浏览下面相关的张文。希望大家以后多多支持脚本屋！
