我需要将这"preload images" JavaScript 代码粘贴到哪里，我需要导入任何内容吗？

Question

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

如果在index.html文件中，它应该在body、header还是哪里?

代码如下:

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);

Answer 1

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

对于你的第二个问题，你需要更准确地了解你想要完成的任务，因为你的脚本可以放在头(通常库放在那里)或html文件的主体(通常自己编写的脚本放在那里)。

请参阅这篇文章(解释得很好)http://www.w3schools.com/js/js_whereto.asp