如何使用JS禁止网页自动跳转?

网页自动跳转可能会让用户感到困惑,降低用户体验。以下是一段简单的JavaScript代码,可以帮助你在网页加载时阻止自动跳转:

window.onload = function() {
  if (window.history && window.history.pushState) {
    window.history.pushState('', null, './');
    window.addEventListener('popstate', function() {
      window.history.pushState('', null, './');
    });
  }
};

这段代码使用了HTML5的pushState方法来修改浏览器的历史记录。它会在页面加载时将当前页面添加到历史记录中,并监听'popstate'事件,该事件在用户点击浏览器后退按钮时触发。

通过这种方式,即使网页被设置为自动跳转,用户点击后退按钮时也会停留在当前页面,有效地阻止了自动跳转行为。

使用这段代码,你可以提升网站的用户体验,避免用户在访问你的网站时遇到不必要的跳转。

如何使用JS禁止网页自动跳转?

原文地址: https://www.cveoy.top/t/topic/gorv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录