javascript - 单击时对象未定义

Question

我试图在单击按钮时调用 Utilities 对象的成员函数。包含该对象的js文件被加载到index.php页面的顶部:

<script type="text/javascript" src="js/utilities.js"></script>
...

并定义了按钮:

<button id="testAJAX" onclick="Utilties.loadSavedGames()">Load Game</button>

当我点击时，我收到Utilties is not Defined错误:

var Utilities = {
     loadSavedGames : function () {
        console.log("Clicked"); //returns Utilties is not defined
     },...

但是我很好奇为什么如果我重新加载页面，它就能调用 anon 函数。这告诉我 Utilties 对象显然是在页面加载时加载的:

var Utilities = {
    doThis : (function() {
        console.log("Utilities object loaded"); //runs just fine
    })(),

那么，如果该对象是在 index.php 页面顶部加载的，为什么 onclick 会告诉我该对象未定义？

Answer 1

在您的 javascript 中，您正在设置 Utilities，但您的 onclick 正在引用 Utilties。缺少 i。