頁面正在加載時顯示（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。