當寫模組載入器時，取得目前腳本檔案的絕對路徑作為基礎路徑是必不可少的一步，下面我們一起來探討一下這個問題吧！
一、各大瀏覽器的實作方式 〜 〜 〼 、 㟎 㟀 㟎]
[a]. Chrome和FF
超簡單的一句足矣！
var getCurrAbsPath = function(){
return document.currentScript.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就是目前腳本的絕對路徑了。
以上就是本文的全部內容，希望對大家的學習有所幫助。
