现在位置首页 / 前端开发 /正文

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

作者: IT小兵 | 2014年8月14日| 热度:℃ | 评论: |参与:

下面介绍一下 javascript获取当前脚本文件的绝对路径的几个方法。

  1、在 Chrome和FF中

非常简单。

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

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

2、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 = /(?:http|https|file):\/\/.*?\/.+?.js/, 
        absPath = rExtractUri.exec(stack);
    return absPath[0] || '';
};

3、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就是当前脚本的绝对路径了。

 

总结                        

 完整的getCurrAbsPath请浏览https://github.com/fsjohnhuang/getCurrAbsPath/blob/master/lib/getCurrAbsPath.js

 尊重原创,转载请注明来自:http://www.cnblogs.com/fsjohnhuang/p/3903607.html,^_^肥仔John


点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:[email protected]

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:[email protected]

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询