JS获取当前脚本文件的绝对路径
当写模块加载器时，获取当前脚本文件的绝对路径作为基础路径是必不可少的一步，下面我们一起来探讨一下这个问题吧！
一、各大浏览器的实现方式
[a].Chrome和FF
超简单的一句足矣！
vargetCurrAbsPath=function(){
returndocument.currentScript.src;
};
这里利用了对象document.currentScript，它返回的是当前执行的script元素；然后调用script元素的src属性即可获取脚本文件的绝对路径。
[b].IE10+、Safari和Opera9
利用Error对象的stack属性(IE10+)、sourceURL属性(Safari)和stacktrace属性(Opera9)萃取绝对路径
vargetCurrAbsPath=function(){
vara={},stack;
try{
a.b();
}
catch(e){
stack=e.stack||e.sourceURL||e.stacktrace;
}
varrExtractUri=/(?:http|https|file):\/\/.*?\/.+?.js/,
absPath=rExtractUri.exec(stack);
returnabsPath[0]||'';
};
[C].IE5.5~9
遍历文档中的script标签
vargetCurrAbsPath=function(){
varscripts=document.scripts;
varisLt8=(''+document.querySelector).indexOf('[nativecode]')===-1;
for(vari=scripts.length-1,script;script=scripts[i--];){
if(script.readyState==='interative'){
returnisLt8?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就是当前脚本的绝对路径了。
以上就是本文的全部内容，希望对大家的学习有所帮助。