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() { ... } } );

我已经在head中模板的最顶部定义了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中点击这个页面时，它在上面的"push“行上报告了以下异常：

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属性，因为web浏览器默认采用JavaScript。