Question

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

我尝试使它成为一个全新的功能，但是它不起作用，有人可以帮助我

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)
            }
        }
    })

Answer 1

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

function init() {
  //your code here
}


window.onload = init;

Answer 2

只需将函数移到事件侦听器之外，然后将其更改为名称函数，即可引用函数名称并在页面加载时以及{{1}调用print(pizza.make_pizza.__doc__)侦听器时加载函数}}这样的元素：

change

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

#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

Answer 3

尝试将其置于自动撤消功能而不是更改功能。您在change函数中定义的任何内容都不会在页面加载时被调用。根据您希望在何时何地调用代码，将其放置在页面的适当位置，例如<head></head>标记内，打开<body>标记后或在代码末尾关闭</body>标签。

（function（）{//您的代码}）（）;

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

3 个答案: