我的页面在加载时会“口吃”。我怎样才能解决这个问题？

我有一段，我累了我的网站的每个网页上编辑的内容，所以我把它放在一个单独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

回答