JS获取当前脚本文件的绝对路径

站长资源 2024/11/29 佚名

48 1538 48

DDR爱好者之家 Design By 杰米

当写模块加载器时，获取当前脚本文件的绝对路径作为基础路径是必不可少的一步，下面我们一起来探讨一下这个问题吧！

一、各大浏览器的实现方式　　　　　　　　　　　　　　　　

[a]. Chrome和FF

超简单的一句足矣！

var getCurrAbsPath = function(){
 return document.currentScript.src;
};

这里利用了对象 document.currentScript ，它返回的是当前执行的script元素；然后调用script元素的src属性即可获取脚本文件的绝对路径。

[b]. IE10+、Safari和Opera9

利用Error对象的stack属性(IE10+)、sourceURL属性(Safari)和stacktrace属性(Opera9)萃取绝对路径

var getCurrAbsPath = function(){
  var a = {}, stack;
  try{
   a.b();
  }
  catch(e){
   stack = e.stack || e.sourceURL || e.stacktrace; 
  }
  var rExtractUri = /("color: #800000">  [C]. IE5.5~9
 遍历文档中的script标签


var getCurrAbsPath = function(){
  var scripts = document.scripts;
  var isLt8 = ('' + document.querySelector).indexOf('[native code]') === -1;
  for (var i = scripts.length - 1, script; script = scripts[i--];){
    if (script.readyState === 'interative'){
     return isLt8 ? script.getAttribute('src', 4) : script.src;  
    }
  }
};



二、相关知识介绍　　　　　　　　　　　　　　　　　　　　　　
IE5.5~9下script的readyState表示该script元素的状态，分别有以下的状态值：
uninitialized：未初始化
loading：正在加载
loaded：加载完成
interative：执行中
complete：执行完
可通过订阅onreadystatechange事件来监听script元素状态的变化。但不幸的是loaded和complete状态并出现顺序不定且有可能仅出现其中一个，因此建议在动态添加script元素时，先设置src属性后再将script元素添加到DOM树中，这样loaded和complete状态仅会出现其中一个（虽然每次请求时，哪个出现是不定的），比较好监测。
 三、IE和FF下的另一种方式　　　　　　　　　　　　　　　　
 通过订阅 window.onerror 事件，事件处理函数将接受三个参数，分别是msg,url和num。这里url就是当前脚本的绝对路径了。
以上就是本文的全部内容，希望对大家的学习有所帮助。

JS获取当前绝对路径,JS获取脚本绝对路径

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JS获取当前脚本文件的绝对路径”

暂无评论...

更新日志

2024年11月29日

JS获取当前脚本文件的绝对路径

编写高质量JavaScript代码的基本要点

Webpack 实现 AngularJS 的延迟加载

评论“JS获取当前脚本文件的绝对路径”

更新日志

友情链接