Question

Isn't work
我在\u尝试了一些方法，我无法在b.html中显示homePage.html conrectlly。我可以在chrome中单独显示homePage.html。我有jquery-3.2.1.min.js。这是我的b.html

Isn't work

任何建议都将受到赞赏。

Answer 1

包含HTML模板与我们包含样式表的方式类似，我们使用标记。但是我们不是使用rel = stylesheet，而是使用rel = import添加链接标记。作为示例，这里我将包含名为template.html

的模板

<link rel="import" id="template-file" href="template.html">

要在文件中附加内容，我们可以在正文中添加脚本。另外，为了使下面的脚本能够工作，我们必须将它放在rel = import之后。因为我们应该确保在脚本之前浏览器已经完全加载了rel = import中的内容，这样脚本就能够了识别元素，元素的id或该文件中的类。

首先，我们使用此代码选择模板文件。

var getImport = document.querySelector('#template-file');

然后我们需要获取内容：

var getContent = getImport.import.querySelector('#content');

现在我们可以使用JavaScript appendChild（）方法将内容附加到正文中。

document.body.appendChild(document.importNode(getContent, true));

内容现在应该出现在主文件中。

Answer 2

  $("#includedContent").load("homePage.html", function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success")
            alert("External content loaded successfully!");
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
    });

请改用它，看看是否有任何错误。

如何将另一个html文件包含为内容

2 个答案: