Javascript获取文件自身URL路径

最新推荐文章于 2022-08-16 16:03:16 发布

jzj1993

最新推荐文章于 2022-08-16 16:03:16 发布

阅读量4.3k

点赞数 1

分类专栏： Web开发

本文链接：https://blog.csdn.net/jzj1993/article/details/43985707

版权

Web开发专栏收录该内容

10 篇文章 0 订阅

订阅专栏

使用以下Javascript代码即可获取Javascript文件自身所在URL路径。

   
   var js = document.scripts;
var url =js[js.length - 1].src;

如果需要获取Javascript文件所在文件夹，可以执行以下代码。如果想再获取上一层的文件夹，再执行一次下面的代码即可。

   
   url = url.substring(0, url.lastIndexOf('/'));

例如在本地服务器环境的根目录下，建立一个Javascript文件夹，在其中放一个index.html文件，代码如下：

   
   <html>
    <head>
        <script type="text/javascript" src="js/script.js"></script>
    </head>
    <body>
    </body>
</html>

在Javascript/js目录下放一个script.js文件，代码如下：

   
   function insert(str){
    document.body.innerHTML += '<p>' + str + '</p>';
}
window.onload = function() {
    var js = document.scripts;
    var url =js[js.length - 1].src;
    insert(url);
    url = url.substring(0, url.lastIndexOf('/'));
    insert(url);
    url = url.substring(0, url.lastIndexOf('/'));
    insert(url);
}

在浏览器中访问 http://localhost/javascript 即可访问index.html，结果如图。

参考：http://www.cnblogs.com/MaxIE/archive/2007/11/09/936999.html

本文由jzj1993原创，转载请注明来源：http://www.hainter.com/js-get-self-url

jzj1993

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript获取文件自身URL路径

使用以下Javascript代码即可获取Javascript文件自身所在URL路径。var js = document.scripts;var url =js[js.length - 1].src;如果需要获取Javascript文件所在文件夹，可以执行以下代码。如果想再获取上一层的文件夹，再执行一次下面的代码即可。url = url.substring(0, url.lastIn
复制链接

扫一扫