修改window.location跳转页面引发无限循环问题求助

我在Visual Studio 2022中搭建了一个简单的ASP.NET项目，用于基础HTML和JavaScript开发，项目是Hangman猜词游戏，目前包含两个HTML页面，每个页面都有按钮可跳转到另一个页面：

<button class="sideMenu" onclick="load()">New Game</button>
<button class="sideMenu" onclick="leaderBoard()">Leader Board</button>

点击按钮触发的load()和leaderBoard()函数本应通过location.href = "/path"跳转到正确路径，但使用时每次打开任一页面都会陷入无限循环重载，直到Chrome开发者工具弹出错误提示：

play.js:90 Throttling navigation to prevent the browser from hanging. Command line switch --disable-ipc-flooding-protection can be used to bypass the protection

我试过Stack Overflow上的一些非jQuery解决方案，但问题依旧。以下是我的函数代码：

加载新游戏的load函数 #

function load() {
  location.href='/index.html'
  mistakes = 1;
  guess = 0;
  guessWord = [];
  keyboard = document.getElementById("keyboard")
  keyboard.innerHTML = "";
  for (i = 0; i < letters.length; i++) {
      keyboard.innerHTML += "<button style='width:50px; height:50px; margin:5px;'class='letter' id='" + letters[i] + "' onclick='show(this)'>" + letters[i] + "</button>";
  }
  num = Math.round(Math.random() * (words.length - 1))
  word = words[num]

  for (i = 0; i < word.length; i++) {
      guessWord[i] = " ";
  }
  screen = document.getElementById("screen")
  screen.innerHTML = "";
  for (i = 0; i < word.length; i++) {
      screen.innerHTML += "<div class='text' id='text " + i + "'> </div>"
  }
  document.getElementById("tries").innerHTML = "guesses: " + guess + ", mistakes: " +(mistakes-1);
}

显示排行榜的leaderBoard函数 #

function leaderBoard() {
    this.router.navigateByUrl('/scores.html')
    board = document.getElementById("board")
    if (scores.length < 1) {
        board.innerHTML = "NO SCORES FOUND"
    }
    else {
        for (i = 0; i < scores.length; i++) {
            board.innerHTML += "</ br> player: " + scores[i][0] + " word: " + scores[i][0] + " guesses: " + scores[i][2] + " mistakes: " + scores[i][3];
        }
    }
}

内容的提问来源于stack exchange，提问作者Thunder Coder