时间戳

首页 > 解决方案 > 如何对网站的所有页面使用单头标签

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

问题描述

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

这是我用来在任何地方到达“header”标签的jQuery片段，但它不适用于“head”标签。

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

标签： javascripthtmlheadereachhead

解决方案

你可以试试这个。

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>

推荐阅读