如何为网站的所有页面使用单个标题标签

编程问答 2022-04-21

问题描述

我应该怎么做才能使相同的链接标签在每个页面上都可以访问，而不会一遍又一遍地写在它们的头部标签中？

这是我用来在任何地方访问 'header' 标签的 jQuery 片段，但它不适用于 'head' 标签。

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

解决方法

你可以试试这个。

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>

,

试试这个。

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