javascript - 将 HTML head 放在另一个文件中

标签 javascript html header include

有没有办法把所有的meta tag, link relscript src 包含在一个文件中,然后require那个文件?

我问的原因是因为我将大约 10-15 行复制到每个文件中并认为可能还有另一种方法。

我将所有内容都放在一个文件中并尝试了 Jquery 加载功能,但无济于事。

谢谢

最佳答案

像这样创建一个 head.html 文件:

<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- JS -->
<script type="text/javascript" src="js/lib/jquery-1.11.min.js" ></script>
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<title>Your application</title>

现在像这样在您的 HTML 页面中包含 head.html:

<head>
   <script type="text/javascript" src="js/lib/jquery-1.11.1.min.js" ></script>
   <script>
       $(function(){ $("head").load("head.html") });
   </script>
</head>

关于javascript - 将 HTML head 放在另一个文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26618893/

相关文章:

javascript - 工具提示随 d3 地理 map 缩放(缩放)

html - HTML 中的自定义 HTTP 请求 header

go - 如何使用golang在请求 header 中保持关键大小写敏感?

javascript - CommonJs + 钛

html - 选择 occurence > 1 of css 并且不显示 CSS

javascript - 如何实现新的 react-redux v6.0.0

html - 在固定的 div 中滚动

javascript - 如何在主页标题中添加按钮链接,但与其他页面不同?

javascript - 如何避免点击按钮后页面刷新

javascript - 有没有办法以 JSON 格式获取 google 搜索结果?