Javascript 获取当前JS文件路径

最新推荐文章于 2025-05-20 10:03:03 发布

原创最新推荐文章于 2025-05-20 10:03:03 发布 · 3w 阅读

12 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了如何使用原生JavaScript和jQuery来获取当前JS文件的路径，包括获取当前文件全路径、当前目录及文件名的方法。文章特别强调了代码放置位置的重要性以确保获取路径的准确性。

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

1.原生Javascript获取当前JS文件路径

var file, scripts = document.getElementsByTagName("script"); 
file = scripts[scripts.length - 1].getAttribute("src");

2. 在jQuery中获取当前JS文件路径

$("script").last().attr("src");

注意，我们一般把这行代码放到文件的开头，让文件加载的时候就立即执行，这样页面中的script元素中，当前文件恰好是最后一个script。我们千万不要把这行代码放到

$(document).ready(); 
$(function(){   });

中运行，因为如果放到这些语句中去的话，页面的DOM对象已经加载完毕，当前的script就不一定是最后一个script了，从而导致获取的路径不正确。

3.JavaScript获取当前文件全路径、当前目录、当前文件名

//获取当前文件全路径

<script language="javascript">

alert(window.location.href);

alert(window.location);

alert(location.href);

alert(parent.location.href);

alert(top.location.href);

alert(document.location.href);

alert(document.URL);

</script>

//获取当前目录方法

<script type="text/javascript">

//方法一

var str = location.href;

var arr = str.split("/");

delete arr[arr.length-1];

var dir = arr.join("/");

alert(dir);

//方法二

alert(location.href.substring(0,location.href.lastIndexOf('/')));

</script>

//获取当前文件名

<script   language=javascript>  

var  filename=location.href;

filename=filename.substr(filename.lastIndexOf('/')+1);  

alert(filename);  

</script>