如何设置html中在特定界面禁止页面回退操作?

在前端开发设计中，我们需要禁止某些页面的回退操作。

比如，在开发一个网站的过程中，在登录界面用户已经使用自己的用户名和密码登陆成功了，这个时候的主页面是不能后退的，总不能从主界面再回到之前的登陆界面吧，所以，在遇到这种页面之间的跳转时，我们需要禁止跳转后的界面的"回退操作"。

具体的操作代码也有很多，但是有的代码段可用性很差，我附上自己最常用的一段"禁止页面回退"的代码:

<!--禁止页面回退-->
<script language="javascript">
    //防止页面后退
    history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
    history.pushState(null, null, document.URL);
});
</script>

亲测可用有效!