document.addEventListener减慢了加载速度

时间:2012-10-24 20:25:36

标签: javascript event-handling slowdown performance

我有一个Web应用程序。我写了一个日历javascript代码。脚本标记在html代码的主体中,从服务器加载js文件。

在写入最后一个代码之前,加载页面大约需要900毫秒。当我写下我的最后一个javascript代码时,加载页面需要6秒钟。

Javascript代码基本上为我的日历定义了一个类。它有很多方法。在我的最后一段代码中,我写了一个新方法,如下所示:

registerHider = function(){
    alert('hello');

    if(document.addEventListener){
        document.addEventListener('click', hider, false);
    }
};

方法“hider”是将“display”样式更改为“none”的另一种方法。就这样。当我注释掉“addEventListener”代码时,页面再次加载大约900ms。但是,当我取消注释时,它需要6秒钟。

我发出警告,看看页面是否尝试在加载时处理任何代码,但屏幕上没有消息。据我所知,代码尚未执行。即使我已经更改了代码来注册事件,只有文档准备就绪,没有帮助,仍然是相同的。

这个问题可能是什么原因?

1 个答案:

答案 0 :(得分:0)

所有问题都解决了。事实证明,它与任何这些javascript代码无关。

经验教训:如果HTTP标头的内容长度高于内容的实际大小;

  1. Firefox等待的时间更长,但仍然有效。
  2. Chrome无法加载JavaScript代码。所以它不起作用。
  3. 非常感谢大家的参与。