javascript - 预加载整个页面

Question

我想在 HTML 开始显示之前预加载所有内容。

问题在于加载外部字体、图像等。

我试图用以下方法制作简单的 jquery 函数:

CSS:

html { display:none; }

jQuery:

$(window).load(function() {
  $('html').css('display', 'block');
});

但这并没有真正起作用。

我想要预加载的主要原因是我在页面开始时有字体动画，当字体未加载并且 CSS 动画被触发时，它看起来有点错误。

Answer 1

load() 作为 on('load') 的快捷方式已被弃用:

尝试使用

$(window).on('load', function() {
  $('html').css('display', 'block');
});