如何在HTML文件中引入其他不同目录下的JS和CSS文件？

你可以直接用HTML原生标签配合相对路径实现，无需引入任何库。
你的文件结构里，homePage.html存放在internal/pages/目录下，需要先回退到父级internal/目录，再定位到目标样式、脚本文件即可。

具体实现代码 #

在homePage.html的<head>标签中加入CSS引入代码：

<link rel="stylesheet" href="../styles/main.css">

在homePage.html的<body>标签末尾（推荐放在末尾避免阻塞页面渲染）加入JS引入代码：

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

路径规则说明 #

• ../ 表示当前文件所在目录的上一级目录，这里../对应internal/目录，拼接后续的styles/main.css/scripts/main.js就能匹配到目标文件
• 如果你的项目后续会部署到服务器，也可以使用基于网站根目录的绝对路径，示例：/internal/styles/main.css，这种写法不受HTML文件所在子目录层级影响，更适合多页面复杂项目
• 本地直接打开HTML文件使用file协议访问时，上述路径规则同样生效，无需额外调整

内容的提问来源于stack exchange，提问作者Dark Revelations