我的頁面在加載時會「口吃」。我怎樣才能解決這個問題？

我有一段，我累了我的網站的每個網頁上編輯的內容，所以我把它放在一個單獨HTML文件，並已裝上我的所有網頁上的標記到原來的位置：我的頁面在加載時會「口吃」。我怎樣才能解決這個問題？

<div id="header-house"> 
    <script type="text/javascript"> 
     $("#header-house").load("reusableMarkup/header.html");   
    </script> 
</div>

問題是我的頁面在加載時會出現口吃。它似乎加載一切，然後顯示它，然後在注入標題後移動它。有沒有簡單的解決方法？我還沒有學會同步/異步的東西。

使用服務器端語言，包括標題來代替。 – Marty 2014-09-26 03:24:27

@Marty：你可以（1）解釋爲什麼和（2）給我一個代碼片段？ – 2014-09-26 03:26:49

立即異步調用來檢索HTML的位和bob並不是正確的方式去執行您正在嘗試執行的操作 - 必須爲每個要包含的其他HTML文件創建單獨的HTTP請求，從而減慢您的網站顯着下降，並創建一個奇怪的用戶體驗，就像你所描述的那樣。

您在此處採用的路線更適合按需生成HTML（例如，當用戶執行導致包含某些動態數據的彈出窗口模式的操作時）。

你想要做的是究竟是什麼是服務器端語言，你的HTML文件在服務器上被組合/重複生成一個HTML文檔，然後發送到客戶端作爲一個整體（一個HTTP請求）。

在PHP例如，你可以去有關使用include功能解決你的問題：

<div id="header-house"> 
    <?php include "reusableMarkup/header.html"; ?> 
</div>

2014-09-26 03:38:24 Marty

回答