在浏览网页时，我们经常会需要访问网站的根目录地址，无论是为了进行技术调试，还是为了构建更复杂的网页应用。JavaScript作为一种广泛使用的客户端脚本语言，为我们提供了多种方法来获取网站的根目录地址。下面，我们就来揭开这个秘诀，让你轻松定位网页源头。
一、使用document.baseURI属性
document.baseURI属性可以获取到页面的基础URL，这通常就是网站的根目录地址。这个属性包含了协议、域名和根路径，但不包含查询字符串或片段标识符。
console.log(document.baseURI); // 输出类似于 "http://www.example.com/"
二、使用document.location对象
document.location对象包含了与当前文档位置有关的信息。通过访问它的href属性，我们可以获取到完整的URL，进而从中提取根目录地址。
console.log(document.location.href); // 输出完整的URL
console.log(document.location.origin); // 输出类似于 "http://www.example.com"
三、使用window.location对象
与document.location类似，window.location对象也包含了与当前文档位置有关的信息。我们可以使用它来获取根目录地址。
console.log(window.location.href); // 输出完整的URL
console.log(window.location.origin); // 输出类似于 "http://www.example.com"
四、使用document.URL属性
document.URL属性提供了当前文档的完整URL，这同样可以帮助我们获取根目录地址。
console.log(document.URL); // 输出完整的URL
五、注意事项
相对路径与绝对路径：在使用上述方法时，要注意区分相对路径和绝对路径。如果你需要获取的是网站根目录的绝对路径，确保不要包含任何相对路径信息。
跨域问题：在一些情况下，由于浏览器的同源策略，你可能无法获取到跨域文档的根目录地址。
安全性：在使用这些方法时，要确保你的代码不会暴露敏感信息，尤其是在处理用户数据或进行安全敏感操作时。
通过以上方法，你就可以轻松获取到网站的根目录地址，为你的网页开发工作提供便利。记住，实践是检验真理的唯一标准，多尝试这些方法，找到最适合你的那一种吧！