Javascript 进口<；头>；使用html或客户端脚本编写另一个文本文件中的元素

我目前正在清理一个网站的代码。我注意到每个页面的

head

元素实际上是相同的。 我想知道是否有可能将所有相同的元素放入一个文本文件中，然后在每个html文件中，以某种方式导入该文本文件的内容

我知道，如果通用代码位于

正文

部分，则可以使用

对象

来完成此操作，但这不适用于

头部

还有一件事是这些网页托管在GitHub页面上，所以我只能使用静态页面和客户端脚本。例如，如果服务器端脚本可用，您可以使用

php导入

来实现这一点

如果有帮助的话，这是我想导入到每个页面的常见代码：

<meta name="description" content="A central resource for PC optimization information."/>
<meta name="keywords" content="Technology,PC,Computer,Optimization,Tweak,Guide,Tweaking,Microsoft,Windows,Nvidia,Intel,AMD"/>

<link rel="stylesheet" type="text/css" media="all" href="pi.css"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta name="MSSmartTagsPreventParsing" content="true"/>
<meta name="referrer" content="no-referrer"/>

<!-- Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=20191102"/>
<link rel="apple-touch-icon" href="apple-touch-icon.png?v=20191102"/>
<link rel="mask-icon" href="safari-pinned-tab.svg?v=20191102" color="#5bbad5"/>
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png?v=20191102"/>
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png?v=20191102"/>
<link rel="shortcut icon" href="favicon.ico?v=20191102"/>
<link rel="manifest" href="site.webmanifest?v=20191102"/>
<meta name="msapplication-TileColor" content="#2d89ef"/>
<meta name="theme-color" content="#ffffff"/>

---

根据上面的评论和我自己的一些研究，我设法想出了以下脚本，将元素添加到网页的

标题中。一个需要
JQuery
，另一个使用普通JavaScript：

JQuery:


$（函数（）{
$（“head”）.load（“../../aa_common_resources/common_head_elements.txt”）
});
理论上，您可以使用AJAX调用加载标题项（JQuery除外）。基本上是将header.html存储为单个文件，然后将其附加到正文中：这取决于框架。如果它是一个静态页面，您可以像OpenCms一样使用CMS。您还可以使用if-planning添加JQuery/jsp，这是否回答了您的问题？同样的方法也可用于其他元素抱歉回复太晚，但感谢您的帮助。我设法想出了两个脚本，将添加元素到网页的头部。