Javascript 需要帮助修复我的页面加载微调器吗

我有一个隐藏的div，当单击显示微调器的按钮时显示该div，但是如果在离开页面后单击后退按钮，微调器仍然可见。我认为javascript需要

$（document）.ready（function（）{

），但我不确定如何实现它。如果用户按下后退按钮，我不希望微调器可见

这就是我到目前为止所拥有的。Javascript

<script type="text/javascript">

function showDiv() {
   document.getElementById('spinner').style.display = "block";
}

</script>

函数showDiv（）{
document.getElementById（'spinner'）.style.display=“block”；
}

用于显示Div的Div和链接

<div id="spinner"  style="display:none;" class="spinner" ><img src="images/loader2.gif" alt="Loading"/></div>

<a class="index_buttons" href="search_members.php" onclick="showDiv()">Search Members </a>

---

因为您将此标记为jQuery

/* Calls this function on ready */
$(function() {
  /* Hide the spinner whenever the page loads */
  $("#spinner").hide();
      ;
  $(".index_buttons").click(function() { $("#spinner").show(); });
});

---

现在，每次单击带有类

索引按钮的按钮时，该按钮都将可见。如果要切换微调器，可能需要查看
toggle（）
以在页面加载时隐藏微调器，请执行以下操作：

 $(document).ready(function() {
       $("#spinner").hide();
 }

使用文档准备，如下所示：

$(document).ready( function() {
    hideSpinner(); // Initiates the hide function when document is ready.
});

function hideSpinner() {
   $('#spinner').hide();
}

浏览器可能会“记住”JavaScript代码并重新执行。在这种情况下，您唯一的实际选择是禁用返回页面。当我离开页面并返回页面时，这仍然不会隐藏div。我想这就是我正在寻找的。有没有一种方法可以使用ID而不是使用类？只是想知道。