页面正在加载时显示（javascript）Popup

Question

我一直在试图为我的问题找到一个简单的解决方案，但我不能。我有一个页面，虽然PHP子句创建一个HTML表，它需要一段时间才能完成。我只想在用户访问页面（加载时）时显示一个弹出窗口，其中显示了一些简单的内容：“页面加载...请稍候”。这可以用JavaScript库完成吗？ （完全用JS也许？）每个解决方案，我发现与divs，类等的混乱，我觉得有点难以使用，因为我的代码在这个时候是非结构化的。谢谢。

Answer 1

您可以将原始网页（HTML表格）加载到隐藏的iframe中，并在页面上显示加载消息。然后使用onload属性隐藏加载消息并显示iframe。

编辑：在类似的笔记中，您可以有一个空白的边缘到边缘的元素来覆盖页面内容，并使用其中的一个替代提醒选项（例如jQuery）。然后，使用body onload，删除空白元素并发出警报;或者用新的警告替换警报，通知加载完成;等等

Answer 2

只要JS做“弹出”我喜欢SimpleModal。

但更重要的是，它听起来像你可能想要摆脱内嵌呈现的长装载表。相反，除了表格之外的所有内容都显示在页面上并显示“加载...”指示器。然后，为表格创建一个AJAX请求。根据您的偏好，AJAX调用可以返回包含所有HTML的表格，或者您可以以JSON格式检索数据并在客户端构建表格。这对于这类问题将是一个非常典型的方法。

Answer 3

JavaScript工具包只会自动化您想要避免的DOM混淆。这就是他们的工作方式。 JavaScript只是为这种场景编写DOM脚本。

你可以做的是寻找一个便宜的剪切和粘贴样本，展示如何制作一个大型的CSS盒子，无论发生什么，它都将接管大部分的屏幕空间。也许有一些边上的不透明区域。您将该内容正好放在<body/>标记之后，您可以编写几行JavaScript，在该窗口的ready事件中删除该框。

有关JavaScript模式对话的问题对您来说是一个问题，它们中的大多数在DOM尚未完成初始化时都会遇到问题（这就是为什么几乎所有jQuery和Ext样本都包含在某些onReady事件处理程序）。

Answer 4

那么直到您的页面被完全加载，您可以在原始框架上使用iframe。基本的想法是加载一个带有你的加载图像的框架，然后在DOM完全加载后使用.ready.hand处理程序去除框架并嵌入iframe。