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

Posted 2023-05-09

【中文标题】仅在 html 代码中使用 javascript 重新加载特定页面一次

【英文标题】：Reloading a specific page only once with javascript in html code

【发布时间】：2019-01-05 10:26:50

【问题描述】：

我正在构建一个 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" ></div>
      <div class="swiper-slide" ><img src="images/image-2.jpg" ></div>
      <div class="swiper-slide" ><img src="images/image-3.jpg" ></div>
      <div class="swiper-slide" ><img src="images/image-4.jpg" ></div>
      <div class="swiper-slide" ><img src="images/image-5.jpg" ></div>
      <div class="swiper-slide" ><img src="images/image-6.jpg" ></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>

【参考方案1】：

您可以使用 location.reload() 和 location = location 作为旧版浏览器的备用方案，以便使用 javascript 重新加载页面。

<button id="reload" onClick="refresh()">Reload</button>
<script>
function refresh()
 location.reload() ? location.reload(): location = location;

</script>

【讨论】：

感谢您的回答。这是我认为的按钮类型的刷新。我希望页面只自动执行一次，而且特别明确。

@YusufDoğan 在页面加载时执行函数：window.onload = function()refresh();

很抱歉我的经验不足。我找到并尝试了这段代码*并写信给#loaded part #page6，但是当我进入主页时，它会将我重定向到#page6。我希望当我进入第 6 页时，此页面由服务器自动刷新。 *代码：window.onload = function() if(!document.location.hash) window.location = "#loaded";

@YusufDoğan 将刷新代码放在第六页的head 中。

我写了这样的代码 不幸的是它没有工作

【参考方案2】：

根据我的研究，我找到了这样的解决方案：

我将我的 jquery 移动网站分成不同的页面。所以多页网站。并为 swiper 滑块创建了一个外部 js 文件。我将 .js 链接放在正文标记的末尾，该页面中包含滑动滑块代码。现在一切都好了。它工作得很好。在此编辑之前，所有页面代码都在同一个文件中。由于此滑动器滑块无法正常工作。现在我不需要刷新页面了。