如何在本地HTML文件中设置JavaScript绝对链接路径？

针对你的场景（Windows 10 + VS Code 1.77.3），可以用绝对路径替代繁琐的多层相对路径，以下是两种可行方案：

1. 使用带file://协议的标准绝对路径 #

直接写盘符路径无法被浏览器和VS Code正确识别，是因为本地文件需要通过file://协议访问，同时要把Windows的反斜杠\换成URL标准的正斜杠/。修改后的代码如下：

<script type="text/javascript" src="file:///E:/websites/usr_scripts/mathjax/number_equations_11b.js"></script>

• 浏览器能正确加载该JS文件；
• VS Code中可以直接Ctrl+点击路径跳转至目标文件。

2. 配置VS Code工作区根目录，使用根相对路径 #

把E:\websites设置为VS Code的工作区根目录（直接拖拽该文件夹到VS Code窗口，或通过文件>打开文件夹选择它），之后就可以用以/开头的根相对路径：

<script type="text/javascript" src="/usr_scripts/mathjax/number_equations_11b.js"></script>

• VS Code会自动识别该路径为工作区根目录下的文件，支持Ctrl+点击跳转；
• 浏览器直接打开本地HTML文件时，/会对应当前盘符的根目录（即E:/），因此能正确找到JS文件。

为什么之前的尝试失败？ #

• 直接用\websites\...：HTML的src属性遵循URL规则，反斜杠\是转义字符，无法被正确解析；同时不带盘符和协议的路径会被浏览器当作相对当前HTML文件的路径，自然找不到目标文件。
• 直接写E:\websites\...：缺少file://协议，浏览器无法识别为本地文件路径；且反斜杠的转义问题会导致路径解析错误。

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