JS相对路径和绝对路径的区别

JavaScript中的相对路径和绝对路径在引用文件或资源时有以下区别：

1. 相对路径（Relative Path）：
   • 相对路径是相对于当前脚本所在位置的路径。
   • 它根据当前文件的位置来解析资源的位置。
   • 相对路径可以使用以下表示方法：
     • ./：表示当前目录。
     • ../：表示上级目录。
     • 文件名：表示当前目录下的文件。
     • 目录名/文件名：表示相对于当前目录的子目录下的文件。
   • 相对路径的示例：
     • ./style.css：当前目录下的 style.css 文件。
     • ../images/pic.jpg：上级目录下的 images 目录中的 pic.jpg 文件。
2. 绝对路径（Absolute Path）：
   • 绝对路径是从根目录开始的完整路径。
   • 它提供了资源所在的完整路径，与当前文件的位置无关。
   • 绝对路径通常包含系统特定的路径分隔符。
   • 绝对路径的示例：
     • /path/to/file.js：从根目录开始的完整路径。
     • http://example.com/images/pic.jpg：完整的网络URL。

需要注意的是，相对路径和绝对路径在不同的上下文中有不同的解析方式。例如，在Web开发中，相对路径通常是相对于HTML文件所在的位置进行解析，而绝对路径可以是相对于网站根目录或完整的URL。

选择使用相对路径还是绝对路径取决于您的需求和具体情况。相对路径更灵活，适合于在同一文件夹或子文件夹中引用文件。而绝对路径提供了确切的资源位置，适用于跨文件夹或引用外部资源（如网络URL）的情况。