如何对网站的所有页面使用单头标签
Posted
技术标签:
【中文标题】如何对网站的所有页面使用单头标签【英文标题】：How to use single head tag for all pages of a web site 【发布时间】：2021-09-18 12:23:52 【问题描述】：我应该怎么做才能使相同的链接标签在每个页面上都可以访问，而不会一遍又一遍地写入它们的头部标签？
这里是 jQuery sn-p，我用来在任何地方访问“header”标签，但它不适用于“head”标签。
<script>
$.get('header.html', function (response)
$('#header').html(response);
);
</script>
<header id="header"></header>
【问题讨论】：
最好将后端配置为以 DRY 方式提供服务。模板引擎可能会有所帮助。 只是为了完整性检查，将元素放在试图填充它的脚本上方 【参考方案1】：你可以试试这个。
let headLinks = `
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="one.css" />
<link rel="stylesheet" href="two.css" />
`;
document.querySelector('#html-head').insertAdjacentHTML('beforeend', headLinks);<head id="html-head">
...meta contents...
</head>【讨论】：
【参考方案2】：试试这个。
$("#someDivID").load("b.html",function(data)
var value=$(data).find("#elementID").attr("attributeName");
);
【讨论】：
以上是关于如何对网站的所有页面使用单头标签的主要内容，如果未能解决你的问题，请参考以下文章