如何使用javaScript一次重新加載頁面

Question

我想在不使用按鈕加載所有代碼後重新加載我的頁面。

我用：location.reload();

的問題是，它反覆重新加載頁面我所有的時間。

Answer 1

您需要在頁面的JavaScript之外存儲某種狀態，以指示是否刷新。一種方法是使用localStorage或cookie，但這些都不會按標籤或每個窗口工作。

Answer 2

最好的辦法是標記它已被重新加載一次的地方。 如Matt所說，使用cookies或localStorage，如果您需要每個選項卡，您可以更改位置.hash

也許您可以幫助我們瞭解爲什麼要重新加載，可能有其他方法。

Answer 3

您的window.reload()在每次頁面重新加載時都會被擊中。做這樣的事情：

if(window.location.href.indexOf('?reloaded') === -1) window.location.href = window.location.href + "?reloaded=true"; 

這假設該網頁沒有使用任何其他的網址參數。

編輯

由於馬特·鮑爾指出，使用本地存儲或餅乾不會限制到一個單一的標籤或窗口，但傑克遜在沙地的評論中指出，我上面給出的解決方案將改變瀏覽器歷史。做一些挖後，我想出了另一個，誠然「哈克」，但看似有效的解決方案：使用window.name，而不是在URL標誌：

if(window.name !== "refreshed") { 
    window.name = "refreshed"; 
    window.location.refresh(); 
} 

如果你想測試這一點，粘貼以下一個HTML文件並將其加載到您的瀏覽器中：

<script> 
window.name = prompt("Window name", window.name); 
</script> 

輸入一個新名稱，然後刷新頁面。您將看到刷新時顯示新名稱。同樣，如果您使用同一個文件打開第二個選項卡，則可以爲該選項卡設置相互獨立的名稱。