如何在 EJS 页面上使用客户端功能

Question

花了几个小时后，我想不出在 EJS 页面上使用“客户端”功能的最佳实践。 场景如下：

1. 我正在使用 express (NodeJS) 并使用 EJS 来呈现登录页面（以及其他功能）。 最初，我在努力使用 JQuery 但我设法将它要求用于“app.js”（当然，这不是最佳实践，但找不到替代解决方案，因此这个问题）。 所以，来到最初的问题。 我想在 EJS 页面上使用一些客户端脚本，但由于该页面具有服务器端代码，因此不完全确定如何在其上使用客户端脚本（JQuery/Javascript，即在滚动时执行此操作等） .
2. 我的 header.ejs 文件包含一些我想要动态的菜单项，即顶部菜单栏是粘性的，但由于导航栏位于 header.ejs 文件中，因此我不确定如何从客户端执行此操作。 目前，我不能从一个 EJS 文件到另一个 EJS 调用它，见下文。

    // Sticky bar
    window.onscroll = function() {myFunction()};

    var navbar = document.getElementById("navbar");
    var sticky = navbar.offsetTop;

    function myFunction() {
      if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
      } else {
        navbar.classList.remove("sticky");
      }
    }

Answer 1

当你在 ejs 中使用 js 文件时，就像你不使用 ejs 或 nodejs。 这只是 static 文件。 而且你不能使用 npm package。