JavaScript---动态获取JS的路径，解决引入JS资源加载路径不对的麻烦

绝世唐门三哥

已于 2022-05-17 10:34:42 修改

阅读量2.7k

点赞数 1

分类专栏：重点知识笔记 JavaScript 文章标签： javascript safari 前端

于 2022-05-17 10:34:10 首次发布

本文链接：https://blog.csdn.net/COCOLI_BK/article/details/124815617

版权

JavaScript 同时被 3 个专栏收录

79 篇文章 5 订阅

订阅专栏

重点知识

53 篇文章 1 订阅

订阅专栏

笔记

46 篇文章 3 订阅

订阅专栏

直接上方法，后面讲案例

获取当前文件JS路径

1. Google，火狐浏览器获取当前js文件的路径
//Google,FF 下获取当前js文件的路径
// IE10+、Safari和Opera9不支持
console.info(document.currentScript.src);

2. 比较兼容的获取方式 (采用该方法即可)
//页面解析到当前为止所有的script标签
var js = document.scripts;
//js[js.length - 1] 就是当前的js文件的路径
js_path = js[js.length-1].src.substring(0,js[js.length-1].src.lastIndexOf("/")+1);
//输出当前js文件所在的目录
//console.info(js_path);  // JS获取当前文件所在的文件夹全路径


                 直接放置在当前js的头部即可，想封装成方法也可以的哦

事件问题描述

比如你要在另一个文件夹里面引入一个公共的调用函数sc.js,
此时该文件内容有需要一个sdk文件的路径，和sc.js同级目录，
但是是静态路径的写法。当你调用sc.js时，它出现在另一个文件夹中，
此时执行sc.js,但并未在当前文件夹中找到sdk的路径，虽说是sc.js和sdk.js同级，
但是sc.js引入在哪里，其实里面的相对路径sdk.js就要在被引入的地方找了。
所以会出现sdk.js缺失的问题。如果采用绝对路径去引入sdk.js,问题迎刃而解。