jQuery實現(xiàn)頁面點擊后退彈出提示框的方法

字號： 小 中 大


    本文實例講述了jQuery實現(xiàn)頁面點擊后退彈出提示框的方法。分享給大家供大家參考，具體如下：
    demo.js：
    jQuery(document).ready(function ($) {
      if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
          var hashLocation = location.hash;
          var hashSplit = hashLocation.split("#!/");
          var hashName = hashSplit[1];
          if (hashName !== '') {
            var hash = window.location.hash;
            if (hash === '') {
              alert("希望該網站能提供你幫助！");
            }
          }
        });
        window.history.pushState('forward', null, './#forward');
      }
    });
    demo.html：
    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>新建H5自適應模板</title>
    <script src="jquery-1.10.1.min.js"></script>
    <script src="demo.js"></script>
    </head>
    <body>
      <h3>閱誰問君誦，水落清香浮。</h3>
    </body>
    </html>
    希望本文所述對大家jQuery程序設計有所幫助。