在JavaScript中，获取当前系统的路径是一个常见的需求，无论是用于构建URL、读取文件还是仅仅为了调试目的。以下是一些实用的技巧，可以帮助你轻松地在JavaScript中获取当前系统路径。
1. 使用window.location.href
window.location.href 返回当前页面的完整URL。这是一个简单直接的方法来获取当前系统的路径：
var currentPath = window.location.href;
console.log(currentPath); // 输出当前页面的完整URL
2. 使用window.location.pathname
如果你想获取当前页面的路径而不包括域名和查询字符串，可以使用window.location.pathname：
var currentPath = window.location.pathname;
console.log(currentPath); // 输出当前页面的路径
3. 使用window.location.protocol
如果你需要获取当前页面的协议（如http或https），可以使用window.location.protocol：
var protocol = window.location.protocol;
console.log(protocol); // 输出协议，例如"http:"
4. 使用window.location.host
window.location.host 返回当前页面的域名：
var host = window.location.host;
console.log(host); // 输出域名，例如"example.com"
5. 使用window.location.port
如果你想获取当前页面的端口号，可以使用window.location.port：
var port = window.location.port;
console.log(port); // 输出端口号，例如"8080"
6. 使用URLSearchParams
如果你需要解析查询字符串，可以使用URLSearchParams对象：
var params = new URLSearchParams(window.location.search);
console.log(params.get('paramName')); // 获取名为'paramName'的查询参数
7. 获取文件路径（仅限浏览器）
如果你在浏览器中，并且想要获取当前文件的路径，可以使用document.querySelector和getAttribute：
var filePath = document.querySelector('script').getAttribute('src');
console.log(filePath); // 输出当前脚本文件的路径
8. 获取当前文件的相对路径
如果你想获取当前文件的相对路径，可以使用new URL()：
var relativePath = new URL('.', document.baseURI).href;
console.log(relativePath); // 输出当前文件的相对路径
总结
掌握这些技巧，你可以轻松地在JavaScript中获取当前系统路径。这些方法在不同的场景下非常有用，从简单的调试到复杂的文件操作。记住，不同的环境（如浏览器和Node.js）提供了不同的API来处理路径，所以在使用上述方法时，请确保你了解它们在特定环境中的行为。