如何在另一个html页面中包含html和javascript？

我有一个文件，它有一个导航栏，并与另一个文件（css和javascript文件）交互。我需要做的是在另一个html页面中包含这段代码，我不知道该怎么做。我使用nodejs作为服务器端，使用w3.css和w3.js作为前端。你能帮忙吗

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script src="https://kit.fontawesome.com/a01ae3d94e.js" crossorigin="anonymous"></script>

<nav>//code<nav>

<script src="script.js"></script>

//代码

为导航抽屉创建单独的文件 navbar.html

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="portfolio.html">Portfolio</a></li>
</ul>

现在，您可以在其他HTML中导入script.js文件，并使用jquery加载导航栏。不要忘记在要包含导航条形码的文件中添加id作为nav，如下所示

。

---

你可以看看这个问题。你也可以在nodejs中使用include标记。在这个问题中，他们使用html导入，现在不推荐使用。因为你使用nodejs，你可以要求html文件，这能回答你的问题吗？如果我在导航栏上有一个按钮怎么办？如果我在导航栏上有一个按钮怎么办？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<div id="nav"></div>

$(function() {

    $("#nav").load("navbar.html");

    function activeNav() {
        var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1);
         $("#nav ul li a").each(function(){
              if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
              $(this).addClass("active");
         });
    }

    setTimeout(function() {
        activeNav();
    }, 100);

});