Javascript 全局变量不起作用

Question

我在这里看到了这个问题的几个版本，但似乎没有一个与我的问题相同，所以我想我会创建一个新问题。我一定是在做一些非常愚蠢的事情，但我终究无法发现它。

我将从上下文开始，尽管它不是特别相关:我正在推迟使用 js 代码加载 jQuery，这意味着我的所有代码文件都不能包含 $(document).ready(.. .) 调用，因为“$”在第一次传递时是未定义的。相反，我将准备好的函数添加到“全局”数组，并且在异步加载 jQuery 之后，我使用以下代码调用所有这些函数:

function FireLoadEvents() {
  while ( OnLoadEvents.length > 0 ) {
    var item = OnLoadEvents.splice(0,1);
    item[0].ready();
  }
}

现在，在我的任何页面组件中，我可以使用以下代码添加我希望在加载 jQuery 并且文档实际准备就绪时触发的事件:

OnLoadEvents.push( { ready: function() { ... } } );

我在头部模板的最顶部定义了 OnLoadEvents 变量:

<script language="text/javascript">
var OnLoadEvents = new Array();
</script>

如你所见，它在任何函数作用域之外，而且它也是在被引用之前声明的。单独测试时，此设置运行良好，但由于某种原因，当它添加到我的实际页面标题时，页面后面的脚本标记无法将项目添加到 OnLoadEvents 变量。例如，以下内容由 php-include 服务器端拉入我的模板，并将这些行添加到我的页面正文中:

<script type='text/javascript'>
OnLoadEvents.push( { ready: function() {
  if ( $('.sponsor-link').length != 0 ) {
    ... 
  }
} } );
</script>

当我在 Chrome 中点击此页面时，它会在上面的“推送”行报告以下异常:

Uncaught ReferenceError: OnLoadEvents is not defined

知道发生了什么事吗？为什么 OnLoadEvents 在我初始化它的地方仅几行就未定义？我会注意到，我还尝试将 OnLoadEvents 定义和引用为 window.OnLoadEvents。

提前致谢!

Answer 1

改变这个:

<script language="text/javascript">

为此:

<script>

Web 浏览器无法识别 language 属性的值，因此不会执行代码。

现场演示: http://jsfiddle.net/gyhcM/2/

您不需要 language 属性，也不需要 type 属性，因为网络浏览器默认采用 JavaScript。