Javascript 我的页面是；口吃；当它加载时。我怎样才能解决这个问题？

我有一段内容，我厌倦了在我的网站的每个页面上编辑，因此我将其放在一个单独的

HTML

文件中，并一直将标记加载到我所有页面上的相应位置：

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

$（“#header house”）.load（“reusableMarkup/header.html”）；

---

问题是我的页面在加载时会结巴。它似乎加载所有内容，然后显示它，然后在注入标题后移动它。有什么简单的解决办法吗？我还没有学会同步/异步的东西

立即异步调用以检索HTML的位和位不是正确的方式来执行您正在尝试的操作-必须为您想要包含的每个附加HTML文件发出单独的HTTP请求，这会显著降低您的站点速度，并创建一种奇怪的用户体验，如您所述

您在这里采用的方法更适合按需生成HTML（例如，当用户执行一个操作，导致包含一些动态数据的弹出模式时）

您试图做的正是服务器端语言的用途，您的HTML文件在服务器上被组合/重复以生成单个HTML文档，然后作为一个整体发送到客户端（一个HTTP请求）

例如，您可以使用以下函数着手解决问题：

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

---

改用服务器端语言包含标题。@Marty:你能（1）解释一下原因并（2）给我一段代码吗？