仅使用 html 代码中的 javascript 重新加载特定页面一次

Question

我正在构建一个 jquery 移动网页。我使用 swiper 滑块插件作为图片库。但是如果不重新加载页面，导航按钮和分页就无法正常工作。当访问者进入第六页时。我只想自动刷新该页面并且只刷新一次。我的图片库已经在该页面中了。我的 html 代码是这样的。我想我们可以用java脚本代码重新加载网页。但是，虽然我做了很多研究，但我找不到解决方案。如果你能帮助我，我将不胜感激。

<div data-role="page" id="page6">

  <div data-role="header">

   <div class="logo"></div>

   <div class="blueline"></div>

  </div>

  <div data-role="content" class="bodycopy"><center>Resimleri Görmek İçin Yukarı Kaydırın</center>

    <div class="swiper-container">

    <div class="swiper-wrapper">

      <div class="swiper-slide" ><img src="images/image-1.jpg" alt="resim-1"></div>

      <div class="swiper-slide" ><img src="images/image-2.jpg" alt="resim-2"></div>

      <div class="swiper-slide" ><img src="images/image-3.jpg" alt="resim-3"></div>

      <div class="swiper-slide" ><img src="images/image-4.jpg" alt="resim-4"></div>

      <div class="swiper-slide" ><img src="images/image-5.jpg" alt="resim-5"></div>

      <div class="swiper-slide" ><img src="images/image-6.jpg" alt="resim-6"></div>

       </div>

      <div class="swiper-pagination"></div>

      <div class="swiper-button-prev"></div>

    <div class="swiper-button-next"></div>

    </div>

  <div data-role="footer" class="footer">

     <h4><a href="#page" data-role="button" data-icon="back" data-iconpos="notext">Button</a></h4>

  </div>

</div>

Answer 1

您可以使用location.reload()withlocation = location作为旧浏览器的后备，以使用 Javascript 重新加载页面。<button id="reload" onClick="refresh()">Reload</button><script>function refresh(){&nbsp;location.reload() ? location.reload(): location = location;}</script>