JS获取当前脚本文件的绝对路径
来源: 阅读:931 次 日期:2016-08-02 16:19:56
温馨提示: 小编为您整理了“JS获取当前脚本文件的绝对路径”,方便广大网友查阅!

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

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

[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 = /(?:http|https|file):\/\/.*?\/.+?.js/, 

    absPath = rExtractUri.exec(stack);

  return absPath[0] || '';

}; 

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

以上就是本文的全部内容,希望对大家的学习有所帮助。

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map