jquery - 使用 jquery Load 从另一个文件中单独加载页眉页脚

Question

我正在尝试添加页眉、页脚和所有脚本文件。首先，我想加载标签旁边另一个文件中的所有脚本文件，如何使用 jquery 执行此操作。

与页眉和页脚类似，我也想从不同的文件单独加载。

谢谢

$(document).ready(function(){
    $("head title").load("../scriptincludes.html");
});

在这里，我试图在标题标签之后加载大量脚本和 css，但正在发生的事情是在标题标签中插入。

Answer 1

由于您的选择器，您在标题标签中获得了结果

$("head title")

您必须放置一个适当的目标选择器来实现您想要的。让我们假设页脚示例。在您的 html 文件（结果文件）中放置一个 ID 为空的 #footer 的 div。准备好文件后，您可以致电

$("#footer").load("../scriptincludes.html");

标题也是如此。对于您的脚本和链接标签（js、css）。

$("head").load("../scriptincludes.html");

如果您将所有依赖项都放在一个文件中，请参阅此文件。在您的加载方法中，您可以放置​​文件，但您也可以像这样放置选择器

$('#footer').load('../scriptincludes.html #target');