Question

这是我的预加载器的代码：

$(window).load(function() {
    $(".preloader").fadeOut("slow");;
});

我的问题是，在html文档中我应该放置代码。我已经看到它在不同的示例网站上以各种不同的方式完成。有些代码将代码放在<head>标记之后的脚本标记之前（在它们声明它们的css之前），其他代码在导入css /其他脚本之后将其放在脚本标记内，因此就在结束</head>标记之上。其他人将它放在</body>结束标记之前的脚本标记中。

我有点困惑，因为预加载器的重点是等待内容加载，所以如果它在{{{{{{{{ 1}}标签？

感谢。

Answer 1

最佳做法是将所有脚本放在正文的底部，以实现页面呈现性能目的

但是，由于您使用的是加载事件，因此无关紧要。在加载窗口之前，加载处理程序内的代码将不会运行，无论您将其放在页面中的什么位置。

直到html源中存在的所有资源都被加载后才会触发该事件... css，脚本，图像等。但是它不知道你可能添加的任何ajax或其他异步内容

但请注意，$(window).load()已弃用，您应该使用

$(window).on('load', function() {
    $(".preloader").fadeOut("slow");
});

如果您不担心图像可以使用

$(function() {
    $(".preloader").fadeOut("slow");
});

预加载器代码 - 将其放在html文档中的位置

1 个答案: