我在哪里需要粘贴这个“预加载图片”javascript代码,我是否需要导入任何东西?

时间:2015-08-12 19:53:02

标签: javascript jquery html html5

我知道一些javascript,但我不确定我是否需要在HTML中导入任何内容,如果此代码应该在我的index.html文件中,或者这应该是一些独立的.js文件被调用在HTML?

如果在index.html文件中,它应该在正文,标题还是在哪里?

以下是代码:

function preloader() {
    if (document.images) {
        var img1 = new Image();
        var img2 = new Image();
        var img3 = new Image();

        img1.src = "http://domain.tld/path/to/image-001.gif";
        img2.src = "http://domain.tld/path/to/image-002.gif";
        img3.src = "http://domain.tld/path/to/image-003.gif";
    }
}
function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}
addLoadEvent(preloader);

1 个答案:

答案 0 :(得分:0)

最佳做法是在自己的文件中编写javascript函数,然后将它们包含在html中,但是您可以轻松地在html文件中编写该函数(在<html>标记内)。后一种方法的问题是当你的代码变得越来越复杂,你的脚本越来越难以理解和调试。

对于您的第二个问题,您需要更准确地了解您正在尝试完成的内容,因为您的脚本可以放在标题中(通常将库放在那里)或者放在正文中您的html文件(通常是自己编写的脚本放在那里)。

请参阅此文章(已经很好地解释了)http://www.w3schools.com/js/js_whereto.asp