js获取本js文件名称

觉醒的程序猿

于 2023-07-27 09:56:14 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_42740298/article/details/131953496

文章介绍了如何通过script标签的src属性以及利用Error对象的堆栈信息来获取当前执行的JavaScript脚本文件名。第一种方法是通过获取最后的script标签及其src属性处理得到；第二种方法则是创建Error对象，分析堆栈轨迹来提取文件名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 script 标签的 src 属性：
如果您的 JavaScript 文件是通过 script 标签引入的，您可以使用以下方法来获取当前脚本的文件名：

var scripts = document.getElementsByTagName('script');
var currentScript = scripts[scripts.length - 1];
var currentScriptSrc = currentScript.src;
var fileName = currentScriptSrc.substr(currentScriptSrc.lastIndexOf('/') + 1);
console.log(fileName);

利用了 Error 对象的堆栈信息，通过解析堆栈信息并提取文件名部分来获取当前脚本的文件名。

function getCurrentScriptName() {
  var error = new Error();
  var stack = error.stack;
  var callerLine = stack.split('\n')[1]; // 获取调用当前函数的那一行堆栈信息
  var fileName = callerLine.match(/[^/]*$/)[0]; // 从堆栈信息中提取文件名部分
  return fileName;
}

var currentScriptName = getCurrentScriptName();
console.log(currentScriptName);