源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-12-28 02:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS获取当前脚本文件的绝对路径
 当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧! [b]一、各大浏览器的实现方式 [/b]                 [b][a]. Chrome和FF[/b]  超简单的一句足矣!
var getCurrAbsPath = function(){
 return document.currentScript.src;
};
这里利用了对象 document.currentScript ,它返回的是当前执行的script元素;然后调用script元素的src属性即可获取脚本文件的绝对路径。   [b][b]. IE10+、Safari和Opera9[/b]  利用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] || '';
}; 

[b]  [C]. IE5.5~9[/b]  遍历文档中的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;  
    }
  }
};
[b]二、相关知识介绍    [/b]                   IE5.5~9下script的readyState表示该script元素的状态,分别有以下的状态值: uninitialized:未初始化 loading:正在加载 loaded:加载完成 interative:执行中 complete:执行完 可通过订阅onreadystatechange事件来监听script元素状态的变化。但不幸的是loaded和complete状态并出现顺序不定且有可能仅出现其中一个,因此建议在动态添加script元素时,先设置src属性后再将script元素添加到DOM树中,这样loaded和complete状态仅会出现其中一个(虽然每次请求时,哪个出现是不定的),比较好监测。  [b]三、IE和FF下的另一种方式     [/b]             通过订阅 window.onerror 事件,事件处理函数将接受三个参数,分别是msg,url和num。这里url就是当前脚本的绝对路径了。 以上就是本文的全部内容,希望对大家的学习有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部