在网页开发中，有时候我们需要获取网站的根目录地址，比如在构建URL、处理路径问题时。JavaScript 提供了多种方法来获取网站的根目录地址。下面，我将详细介绍几种常用的方法，帮助你轻松实现这一功能，让你在网页编程的道路上不再迷路。
方法一：使用 document.baseURI
document.baseURI 属性返回文档的完整URL，包括协议、域名、端口和根路径。这是一个非常直接的方法，可以快速获取根目录地址。
var baseURI = document.baseURI;
console.log(baseURI); // 输出：http://www.example.com/
方法二：使用 document.location
document.location 对象包含了当前文档的URL信息。通过访问其 href 属性，我们可以获取整个URL，然后通过字符串操作提取根目录地址。
var locationHref = document.location.href;
var rootPath = locationHref.split('/')[0] + '/' + locationHref.split('/')[1] + '/';
console.log(rootPath); // 输出：http://www.example.com/
方法三：使用 document.URL
document.URL 属性返回当前文档的完整URL。与 document.location.href 类似，我们可以通过字符串操作提取根目录地址。
var url = document.URL;
var rootPath = url.split('/')[0] + '/' + url.split('/')[1] + '/';
console.log(rootPath); // 输出：http://www.example.com/
方法四：使用 window.location
window.location 对象与 document.location 类似，也包含了当前文档的URL信息。我们可以通过访问其 href 属性来获取整个URL，然后提取根目录地址。
var locationHref = window.location.href;
var rootPath = locationHref.split('/')[0] + '/' + locationHref.split('/')[1] + '/';
console.log(rootPath); // 输出：http://www.example.com/
总结
以上四种方法都可以帮助我们轻松获取网站的根目录地址。在实际应用中，你可以根据自己的需求选择合适的方法。掌握这些方法，让你在网页编程的道路上更加得心应手，告别迷路！