您好,欢迎访问一九零五行业门户网

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

当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧!
一、各大浏览器的实现方式
 [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就是当前脚本的绝对路径了。
以上就是本文的全部内容,希望对大家的学习有所帮助。
其它类似信息

推荐信息