Javascript 加载页面后如何执行代码？

加载页面后，如何加载以下代码

我试着让它成为一个全新的功能，但它不起作用，有人能帮我吗

document.getElementById("ano").addEventListener("change", function(a) {
        const tbody = document.getElementById('tbody_calendario_jogos')
        while (tbody.firstChild) {
            console.log(tbody.firstChild)
            tbody.removeChild(tbody.firstChild)
        }


        for (key in jogos) {
            const anoSelect = new RegExp(`${a.target.value}`)
            const data = anoSelect.exec(jogos[key].Data)
            if (data != null) {
                const obj = jogos[key]
                const tr = document.createElement('tr')

                const tdTemporada = document.createElement('td')
                tdTemporada.textContent = obj.Temporada

                const tdLocal = document.createElement('td')
                tdLocal.textContent = obj.Local

                const tdMais = document.createElement('td')
                tdMais.textContent = obj.Mais


                tr.appendChild(tdTemporada)
                tr.appendChild(tdLocal)
                tr.appendChild(tdMais)
                tbody.appendChild(tr)
            }
        }
    })

---

加载页面后，可以使用简单的init语句执行代码：

function init() {
  //your code here
}


window.onload = init;

---

只需将您的函数移到事件侦听器之外，并将其更改为name函数，这样您就可以引用函数名并在页面加载时加载函数，以及在ano元素调用更改侦听器时加载函数，如下所示：

function someFunc(a) {
  const tbody = document.getElementById('tbody_calendario_jogos')
  while (tbody.firstChild) {
    console.log(tbody.firstChild)
    tbody.removeChild(tbody.firstChild)
  }
  for (key in jogos) {
    const anoSelect = new RegExp(`${a.target.value}`)
    const data = anoSelect.exec(jogos[key].Data)
    if (data != null) {
      const obj = jogos[key]
      const tr = document.createElement('tr')

      const tdTemporada = document.createElement('td')
      tdTemporada.textContent = obj.Temporada

      const tdLocal = document.createElement('td')
      tdLocal.textContent = obj.Local

      const tdMais = document.createElement('td')
      tdMais.textContent = obj.Mais


      tr.appendChild(tdTemporada)
      tr.appendChild(tdLocal)
      tr.appendChild(tdMais)
      tbody.appendChild(tr)
    }
  }
}

someFunc(); // will load on page load
document.getElementById("ano").addEventListener("change", someFunc); // will load when `ano` element invokes the change listener

检查并运行以下代码段以获取上述方法的实际示例：

函数someFunc{ alertfunction已加载！！ } someFunc；//将在页面加载时加载 document.getElementByIdano.addEventListenerclick，someFunc；//将在'ano'元素调用更改侦听器时加载

---

单击我尝试将其置于自动撤销功能而不是更改功能。当页面加载时，将永远不会调用change函数内部定义的任何内容。根据您希望调用代码的位置和时间，将其放置在页面的适当位置，例如标记内部、打开标记之后或关闭标记的末尾

函数{//您的代码}

---

将其包装在：document.addEventListener'DOMContentLoaded，={HERE}`澄清问题并在windown上键入title.typo