如何使addEventListener在單獨的文件中適用於Javascript函數？

Question

我目前有document.addEventListener('DOMContentLoaded', functionName); 它通過以下函數作為參數：

function functionName() {
  $.ajax({
    type: 'GET',
    url: '/populatePage',
    success: function(data) {
      createPage(data);
    }
  })
}

問題描述：

當上面的函數與document.addEventListener('DOMContentLoaded', functionName);行位於同一JavaScript文件中時document.addEventListener('DOMContentLoaded', functionName); 頁面正確加載。

但是，如果將函數保存在單獨的javascript文件中，然后將其包含在上面的行中，則不會加載該頁面。

我可能在這里缺少一些基本的知識，但是誰能解釋一下嗎？

Answer 1

使其具有全局功能。 不建議這樣做，但是如果您想快速解決問題，那么

window.functionName = function() {
  $.ajax({
    type: 'GET',
    url: '/populatePage',
    success: function(data) {
      createPage(data);
    }
  })
}