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属性,因为Web浏览器默认使用JavaScript.