在页面加载时显示（javascript）弹出窗口

Question

我一直在努力为我的问题找到一个简单的解决方案，但我不能。我有一个页面与while子句创建一个html表，它需要一段时间才能完成。我只想在用户访问页面时（在加载时）显示一个弹出窗口，说明一些简单的内容：“页面加载......请稍候”。这可以用javascript库完成吗？ （或者只用JS？）我发现每个解决方案都与div，类等混淆，我发现它有点难以使用，因为我的代码在这个时候是非结构化的。感谢。

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样本都包含在一些{ {1}}事件处理程序）。

Answer 4

在您的网页完全加载之前，您可以在原始框架上使用iframe。基本思想是加载一个携带你的加载图像的框架，然后在DOM完全加载后使用say .ready handler来移除框架并插入iframe。