javascript - Body 中的 HTML 代码

Question

大家好，我需要一些帮助:我有这个:

A) Login.html
B) Documentation.html
C) Base.html

在登录中，我有一个带有用户和密码的表单。在文档中，我有指向文件夹的所有链接，例如(Jquery、Bootraps 等)。在 Base 中，我有一部分代码需要包含在所有页面中。我的代码是:

<div id="loading">
    <div id="loading-msg" >
        <img src="img/spin.png" class="rotating">
    </div>
</div>

这是为了在帖子等待服务器回答时旋转 Logo 。有了这个(在 Documentation.html 中):

    <script type="">
        $(document).ajaxStart(function(){
            $("#loading").fadeIn( 500 );
        });
        $(document).ajaxStop(function(){
            $("#loading").fadeOut( 100 );
        });
</script>

最后，我的问题是:我如何将代码包含在“Login.html”中的“Base.html”中，因为当我使用时:<link href="../incluye/base.html" rel="import">在头上，不起作用

Answer 1

您的 html 导入中可能有拼写错误 - 而不是 incluye 也许应该是 include。

您还可以使用 load() jQuery 中的函数来包含文件，如下所示:

<script type="text/javascript"> 
$(function(){
  $("#target").load("Base.html"); 
});
</script>

其中 #target 是您希望加载内容的元素的 ID。