如何对网站的所有页面使用单头标签

Question

我应该怎么做才能让相同的 link 标签在每个页面上都可以访问，而不是一遍又一遍地写在它们的 head 标签中？

这里是 jQuery 片段，我用它来到达 'header' 标签，但它不适用于 'head' 标签。

<script>
    $.get('header.html', function (response) {
        $('#header').html(response);
    });
</script>
<header id="header"></header>

Answer 1

试试这个。

$("#someDivID").load("b.html",function(data){
    var value=$(data).find("#elementID").attr("attributeName");
});

Answer 2

你可以试试这个。

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>

如何对网站的所有页面使用单头标签

How to use single head tag for all pages of a web site

html

javascript

each

header

head