Я создаю веб-сайт и не собираюсь добавлять язык бэкэнда. Но у меня есть фиксированный заголовок и кнопки навигации, которые я хочу включить на других страницах, таких как «о нас» и «связаться с нами». У меня есть один javascript файл, который связан со всеми html страницами. Я попробовал следующий код, но он не работал. Любая помощь будет принята с благодарностью.
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> function showHeader(){
var showHead = document.querySelector(".header-content");
document.querySelector("body").innerHtml = showHead;
}
<!--first html file-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>TITLE</title>
</head>
<body>
<div class="container">
<span class="header-content">
<a class="brand-name" href="index.html">
BRAND NAME
</a>
<span class="head-content-2">
<a class="navbar-link link1" href="index.html">Home</a>
<a class="navbar-link link2" href="about.html">AboutUs</a>
<a class="navbar-link link3" href="contact.html">Contact Us</a>
</span>
</span>
<!--second html file-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>ABOUT US</title>
</head>
<body onload="showHeader()">
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>