javascript - JavaScript全局变量不起作用

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

我将从上下文开始，尽管它不是特别相关：我正在推迟用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。

提前致谢！

最佳答案

更改此：

<script language="text/javascript">

对此：

<script>

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

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

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