javascript - 如何在html文档之前加载加载脚本

标签 javascript html

我在我的网站中使用一个插件来加载 html 文档之前的加载屏幕,但它不会在 html 之前显示,而是在加载之后显示

代码:

Javascript:

$.LoadingOverlay("show", {
  // Background
  background: "#fff",
  // Text
  text: "Loading...", // String/Boolean
  textClass: "logo_text"
});

setTimeout(function() {

  $(document).ready(function() {
    $.LoadingOverlay("hide");
  });
}, 7000);

初始化和调用就这么简单,但是在body加载之后不到一秒就显示在屏幕上了,如何才能在body之前加载呢?

最佳答案

您无法在正文之前加载它,但您可以将整个正文加载为隐藏状态,然后在隐藏叠加层时显示它。

或者您可以只加载覆盖层,当您显示它时,您可以进行 ajax 调用来加载正文。这对于用户体验来说绝对更快。

关于javascript - 如何在html文档之前加载加载脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56087181/

相关文章:

javascript显示数组中用户定义的元素

javascript - 为什么账单地址没有复制到送货地址?

javascript - typescript : cannot read property 'long_name' of null

javascript - 检查URL在纯JavaScript中是否有效

javascript - 我的第一个 Node.js 服务器:加载资源失败:net::ERR_INCOMPLETE_CHUNKED_ENCODING

javascript - 如果内容未填满窗口,动态调整 div 高度以将页脚保持在底部

html - Outlook 2007 Html 表格 td 元素

javascript - 了解 Sencha Touch 语法

javascript - 如何在 RangeSlider 中为拖动 handle 赋予不同的颜色

javascript - 在几个相似的 div 之间调用该 div 内的函数时访问该 div 内的元素