Javascript 预加载整个页面

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

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

我尝试使用以下工具创建简单的jquery函数：

CSS:

jQuery：

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

但这并没有真正起作用

我想预加载的主要原因是，我在页面开始处有字体动画，当字体未加载且CSS动画启动时，它看起来有点问题。

load（）

作为

on（'load'）的快捷方式。

不推荐使用：

试用

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

---

那么会发生什么呢？有错误吗？尝试使用

$（窗口）。在（'load'，func…

上，因为

load（）

快捷方式已被弃用

load（）

不是用来加载资源的吗？@LucaKiebel是的，但没有url字符串作为第一个参数，函数也是加载事件的快捷方式，效果很好-thnx！只需要调整一些东西，但想想就是这样：）

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