HTML页面加载完成后弹出

Popup on complete load of HTML page

本文关键字：加载 HTML      更新时间：2023-09-26

情况如下。。。。我设计了一个演示，它是由HTML组成的，其中有几个图像，我们已经使它离线工作，也适用于使用清单文件的ipad。因此，一旦加载了项目/演示，人们就可以离线使用它，并对其进行书签标记，这样他就可以随时使用它。

这是参考链接：

  • http://iwdfvm2730.wdf.sap.corp:1079/speeddemo/dpr921/

我需要你们的帮助，当数据或所有东西都被完全加载时，显示一个弹出/加载程序图标。

谢谢，Kunal

您给我们的看起来像是一个内部公司地址，但除非您动态加载资源，否则我建议您设置一个onload处理程序：<body onload="pageLoaded()">。

您可以查看jQuery.load（）函数。ready（）函数的文档页面摘录：

虽然JavaScript在呈现页面时提供用于执行代码的加载事件，但在完全接收到所有资产（如图像）之前，不会触发此事件。在大多数情况下，只要DOM层次结构完全构建完成，就可以运行脚本。传递给.ready（）的处理程序保证在DOM准备好后执行，因此这里通常是连接所有其他事件处理程序和运行其他jQuery代码的最佳位置。当使用依赖于CSS样式属性值的脚本时，在引用脚本之前引用外部样式表或嵌入样式元素是很重要的。

因此，本质上，.ready（）函数在加载DOM后执行，而.load（）函数则在加载所有页面资产（包括脚本、CSS和图像引用）后执行。

相关文章：