Question

我有一段内容，我厌倦了在网站的每个页面上进行编辑，因此我将其放在一个单独的HTML文件中，并将标记加载到我所有页面上的位置：< / p>

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

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

Answer 1

立即异步调用以检索HTML和bob的HTML并不是你正在尝试做的正确方法 - 必须为你想要包含的每个附加HTML文件单独的HTTP请求，从而减慢你的速度站点显着下降，并创建一个像你所描述的奇怪的用户体验。

您在此处采用的路线更适合按需HTML生成（例如，当用户执行导致弹出模式包含某些动态数据的操作时）。

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

例如，在PHP中，您可以使用include函数解决问题：

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

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

1 个答案: