JavaScript多次使用window.onload

问题描述

我有一个使用画布的Hangman游戏，并且有一个重置按钮。 startGame()函数调用是第一次在window.onload内部，但是当我按下重置按钮时，事件监听器正在调用startGame重置所有内容，这次没有window.onload这会导致画布出现问题。单击重置按钮后，我可以通过调用location.reload()而不是startGame来解决它。 以下是一些来自第一级（全局范围）的代码，可帮助您开展业务：

const startGame = async () => {
  const puzzle = await getPuzzle('2')
  game = new Hangman(puzzle,10)
  clearCanvas()
  render()
}

const reset = () => {
  location.reload();
}

document.getElementById("reset").addEventListener('click',reset)

代码的最后几行是：

window.onload = () => {
  startGame()
}

我试图将window.onload放在startGame函数内部以及其他位置，例如包含与画布相关的函数的文件，这会引起各种问题。 现在我知道加载仅发生一次，因此这些尝试没有机会。 上面的代码完成了工作，但感觉不对。还有其他方法可以解决此问题吗？我可以吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）