如何在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 来加载正文。这对于用户体验来说绝对更快。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在打印之前等待 HTML 文档加载/呈现(纯 JavaScript)

如何在加载之前预加载 html 页面或视频

如何在脚本之前防止管理布局页面加载?

在HTML页面加载之前运行Google脚本

如何在 HTML 标记之前加载 Javascript 函数?

您如何在HTML页面加载时调用PHP脚本?

如何在加载类之前修改它?

如何在之前为uitableviewcell加载图像

如何在PHP中加载XML文档?

如何在窗口完全加载之前显示加载屏幕?

Robotium:如何在继续加载之前等待加载完成?

如何在加载图像之前实现加载图像的平均颜色?

如何在加载桌面环境之前加载Shell?

如何在运行脚本之前检查元素是否已加载到页面上?

如何在继续之前立即加载脚本文件(动态添加)?

Linux脚本-如何在读取/安装之前等待CD / DVD介质加载?

如何从AJAX加载的文档中追加HTML?

如何在puppeteer中加载脚本?

如何在React组件中加载脚本

如何在$ {document).ready()上加载脚本

如何从组件html加载脚本文件?

在运行npm脚本之前如何加载依赖项?

在iOS中,UIWebView如何在完成加载之前获取html DOM内容?

如何在页面加载之前使用 NODE 更改一些 HTML?

create-react-app:如何在 React 渲染之前加载 html

如何在条件字段 drupal 模块中加载页面之前隐藏 HTML 元素?

HTML脚本加载顺序

Selenium:如何在加载/执行页面的任何其他脚本之前将Javascript插入/执行到页面中?

如何使用html中的jquery在文档加载后附加html?