JavaScript 获取脚本路径名

在前端开发中，有时需要获取当前脚本的路径名，以便进行进一步的操作。通过 JavaScript，我们可以方便地获取当前脚本的路径名。

方法一：通过 document.currentScript 获取

JavaScript 提供了一个当前执行脚本的对象 document.currentScript，使用该对象可以获取当前脚本的路径名。

let scriptUrl = document.currentScript.src;
console.log(scriptUrl);

以上代码将输出当前执行脚本的 URL。

注意：使用 document.currentScript 获取路径名的前提是当前脚本必须是通过 src 属性引入的。

方法二：通过获取当前脚本所在的 DOM 元素获取

如果脚本未经 src 属性指向，或者通过 import 语句引入，在上述方法中无法获取路径名，可以通过获取当前脚本所在的 DOM 元素的 src 属性来获取路径名。

<script>
let scripts = document.getElementsByTagName('script');
let script = scripts[scripts.length -1];
let scriptUrl = script.src;
console.log(scriptUrl);
</script>

以上代码将输出当前执行脚本的 URL。

方法三：通过解析 URL 获取

如果以上两种方法都无法获取路径名，可以通过解析 URL 获取脚本路径名。

let scripts = document.getElementsByTagName('script');
let script = scripts[scripts.length -1];
let scriptUrl = script.getAttribute('src');
let pathName = scriptUrl.split('/').slice(0, -1).join('/');
console.log(pathName);

以上代码将输出当前执行脚本所在的路径名。

总结

JavaScript 提供了多种方式来获取当前脚本的路径名，上述三种方法可以满足大部分情况的需求。开发者可以根据实际情况选择其中一种方法进行实现。