javascript - 执行条件代码onload()

Question

我的页面上有两个按钮

<button id="reset" type="reset" value="Reset" 
onClick="window.location.reload()"/>
&nbsp;
<button id="random" type="button" onclick="randomPeg();">Empty random 
peg</button>

function randomPeg()
{
window.location = window.location.href + "#refresh";
window.location.reload();
}
//At the start of JS code below
document.addEventListener("DOMContentLoaded", function(event) { 
if(window.location.hash == "#refresh"){
    window.location.hash="";
    //Some more code
});

第一个按钮只是重新加载窗口。单击第二个按钮“空随机 Hook ”时，我想重新加载页面，然后执行更多代码。我尝试了一些在 url 中添加哈希值的方法，但它似乎不起作用。

Answer 1

您可以在持久 localStorage 中设置一个值，并在页面加载时检查该值是否存在:

function reload(){
  localStorage.setItem("showfancystuff",true);
  window.location.reload();
}

//test on load
window.addEventListener("load",function(){
  if(localStorage.getItem("showfancystuff")){
    localStorage.removeItem("showfancystuff");
    alert("wohoo weve reloaded!");
  }
});