Javascript 加载时间过长

Question

div“介绍”的 javascript 终于加载了。加载时间太长，因为网页先加载 bg 图片，然后再加载 java 脚本。有没有一种方法可以在该“介绍”div 中显示“正在加载请稍候”消息，直到它完全加载。我只希望介绍应该首先加载。

Javascript 代码:

var tl = new Array(
    "=======================",
    " Welcome user, ",
    " ###########################################"
);
var speed = 50;
var index = 0;
text_pos = 0;
var str_length = tl[0].length;
var contents, row;

function type_text() {
    contents = '';
    row = Math.max(0, index - 20);
    while (row < index)
    contents += tl[row++] + '\r\n';
    document.forms[0].elements[0].value = contents + tl[index].substring(0, text_pos) + "_";
    if (text_pos++ == str_length) {
        text_pos = 0;
        index++;
        if (index != tl.length) {
            str_length = tl[index].length;
            setTimeout("type_text()", 500);
        }
    }
    else setTimeout("type_text()", speed);
}

这是脚本，它基本上是在 div“介绍”的文本区域中逐个字母地输入。问题是它在整个页面加载完毕后才加载。它在大约 15 秒后开始打印文本。

Answer 1

您可以在文档 上收听“domready”事件，但似乎是not cross-browser .

例如:Mozilla

   document.addEventListener("DOMContentLoaded", methodName, false)

---

更好的选择是使用 jQuery 的 .ready() 事件。他们处理所有跨浏览器的实现。

例如:

$(document).ready(function(){
   //execute code here
});

//Shorthand
$(function(){
 //...
});

查看此 related question有关 domready 的更多信息。