HTML5推送状态机制，是指在用户访问网站的过程中，通过改变网址的路径或者参数，并不需要进行页面的刷新，就可以获取新的数据或者状态的一种技术。这种技术通过在浏览器中利用pushstate技术，实现了像原生App一样的无刷新更新页面的体验，提高了用户体验的同时也减轻了服务器的压力。

在HTML5推出之前，实现这样的无刷新更新页面的效果并不容易。很多Web开发者都是用ajax来解决这个问题，在页面需要更新的时候，发送ajax请求获取新的数据，然后手动更新页面。但是这样的做法存在很多问题，比如需要手动更新页面、没有种子URL、难以实现导航栏、无法支持浏览器回退等问题。而HTML5的推送状态机制，可以完美的解决这些问题。

在HTML5中，推送状态机制是由两部分组成的：window.history和window.pushstate。History对象用于记录用户访问网站的历史记录，而PushState则负责改变历史记录中的当前状态。通过这两个对象的配合，就可以实现无刷新更新页面的效果。

PushState是HTML5中一个比较重要的API，它允许开发者修改当前浏览器的URL而不刷新页面。这个API的使用非常容易，只需要调用window.history.pushState方法，就可以实现修改URL的效果。这个方法有三个参数：state，title和url。其中，state可以是任何类型的数据，title和url是可选的参数。

下面是一个简单的例子：

```

history.pushState({ page: 1 }, "title 1", "/page1");

history.pushState({ page: 2 }, "title 2", "/page2");

```

在这个例子中，我们调用了两次pushState方法，分别将网址改成/page1和/page2。这样就实现了无刷新跳转页面的效果。

如果用户在这个站点内进行了浏览，那么当用户按下浏览器的回退按钮时，会发生什么？这个时候会回到/page1页面，而不是回到上一个站点的链接。这是因为我们调用了pushState方法，实际上window.history对象中存储了两个新的记录，而不是使用传统的URL记录机制存储。

这样的优点是什么呢？首先，由于我们没有刷新页面，所以用户体验更加友好。其次，由于我们可以随意改变网址，所以我们可以实现更加灵活和丰富的Web应用程序。最后，由于我们的应用程序不需要每次发生变化时都向服务器发起请求，所以可以减小服务器的开销。

另外需要注意的是，pushState只是更新了网址，而没有刷新页面。这样做虽然避免了刷新页面，但是也给开发者带来了一个问题：如何实现无刷新更新页面的效果？

我们可以通过监听window.onpopstate事件，当用户点击浏览器的后退或前进按钮时，这个事件就会被触发。我们可以在这个事件中调用Ajax方法，获取新的数据或者状态。

下面是一个监听window.onpopstate事件的例子：

```

window.onpopstate = function(event) {

if (event.state == null) {

return;

}

// event.state 中可以存储任何类型的数据

// 渲染新的页面内容

};

```

这样一来，就可以很方便地实现无刷新更新页面的效果了。

总结一下，pushState是HTML5推送状态机制中比较重要的一环。它可以实现无刷新更新页面的效果，提高用户体验和减轻服务器的压力。在实际工作中，我们可以结合监听window.onpopstate事件的方式来实现更加丰富的功能。