在开发HTML页面时，有时候我们需要获取当前页面的项目路径，以便于进行一些文件操作或数据交互。通过JavaScript，我们可以轻松地获取到当前页面的项目路径。以下是一些常用的方法，帮助您了解如何在HTML页面中通过JavaScript获取项目路径。
方法一：使用`window.location.pathname`
`window.location.pathname` 属性可以获取当前页面的路径，不包括协议、域名和查询字符串。以下是一个示例：
执行这段代码后，控制台会输出当前页面的路径，例如：`/index.html`。
方法二：使用`window.location.href`
`window.location.href` 属性可以获取当前页面的完整URL，包括协议、域名、路径和查询字符串。我们可以通过截取`href`的值来获取项目路径。以下是一个示例：
执行这段代码后，控制台同样会输出当前页面的路径，例如：`http://www.example.com/`。
方法三：使用`document.baseURI`
`document.baseURI` 属性可以获取当前页面的完整URL，包括协议、域名、路径和查询字符串。与`window.location.href`类似，我们可以通过截取`baseURI`的值来获取项目路径。以下是一个示例：
执行这段代码后，控制台同样会输出当前页面的路径，例如：`http://www.example.com/`。
方法四：使用`document.currentScript`
`document.currentScript` 属性可以获取当前正在执行的脚本元素。我们可以通过获取该元素的`src`属性来获取项目路径。以下是一个示例：
执行这段代码后，控制台同样会输出当前页面的路径，例如：`http://www.example.com/js/`。
注意事项
1. 以上方法均适用于静态HTML页面。如果您的页面是通过Ajax动态加载的，可能需要结合其他方法来获取项目路径。
2. 在某些情况下，以上方法可能无法获取到正确的项目路径。例如，当页面位于子目录中时，使用`window.location.pathname`可能只会返回子目录的路径。这时，您可能需要结合其他方法，如获取父目录路径等。
总之，通过JavaScript获取HTML页面的项目路径是一个简单而实用的操作。以上四种方法均能实现这一目的，您可以根据实际情况选择合适的方法。
