動態加載時獲取當前正在執行的js文件的url

Question

所以我試圖加載一個腳本動態並找出該腳本加載的URL路徑。因此，如果腳本靜態加載（How to get the file-path of the currently executing javascript code），某個人給了我一個非常棒的解決方案。但我需要一個動態加載的解決方案。例如：

$(function() 
{ $.getScript("brilliant.js", function(data, textStatus) 
    { // do nothing 
    }); 
}); 

其中 「brilliant.js」 有：

var scripts = document.getElementsByTagName("script"); 
var src = scripts[scripts.length-1].src; 
alert("THIS IS: "+src); 

理想這應該是打印出 「brilliant.js」 或 「⟨主機+基本路徑⟩ /brilliant.js」

當前，brilliant.js適用於靜態包含的腳本，但不適用於動態包含的腳本（如使用$ .getScript）。有人有主意嗎？ dom中是否有存儲所有已加載腳本的地方？

編輯：安德拉斯給出了一個很好的解決方案，雖然它可能只適用於jQuery。因爲這可能是最受歡迎的圖書館，而且肯定是我將要使用的。它可能也可以擴展到其他庫。這是我的簡化版本：

var scriptUri; 
curScriptUrl(function(x) 
{ scriptUri = x; 
    alert(scriptUri); 
}); 

function curScriptUrl(callback) 
{ var scripts = document.getElementsByTagName("script"); 
    var scriptURI = scripts[scripts.length-1].src; 

    if(scriptURI != "")   // static include 
    { callback(scriptURI); 
    }else if($ != undefined) // jQuery ajax 
    { $(document).ajaxSuccess(function(e, xhr, s) 
     { callback(s.url); 
     }); 
    } 
} 

Answer 1

當你的腳本使用jQuery加載（並且我猜其他框架也是如此）時，你的腳本將與最初在HTML文檔中的腳本無法區分。

jQuery爲您的腳本提出請求，並將回覆作爲<腳本>節點的文本孩子放回。你的瀏覽器無法知道它來自哪裏，它是否在插入之前被修改過等等。就她而言，它只是一個腳本節點。

但是可以有解決方法。就jQuery而言，您可以連接到ajax事件並利用它們在腳本執行後立即被調用的事實。基本上，這會產生「brilliant.js」在你的例子：

var handler = function (e, xhr, s) { 
    alert(s.url); 
} 

$(document).ajaxSuccess(handler); 

一個更詳盡的一個：

(function ($, undefined) { 

    /* Let's try to figure out if we are inlined.*/ 
    var scripts = document.getElementsByTagName("script"); 

    if (scripts[scripts.length - 1].src.length === 0) { 
     // Yes, we are inlined. 
     // See if we have jQuery loading us with AJAX here. 
     if ($ !== undefined) { 
      var initialized = false; 
      var ajaxHandler = function (e, xhr, s) { 
       if (!initialized) { 
        initialized = true; 
        alert("Inlined:" + s.url); 
        initmywholejsframework(); 
       } 
      } 

      //If it is, our handler will be called right after this file gets loaded. 
      $(document).ajaxSuccess(ajaxHandler); 

      //Make sure to remove our handler if we ever yield back. 
      window.setTimeout(function() { 
       jQuery(document).unbind("ajaxSuccess", ajaxHandler); 
       if (!initialized) { 
        handleInlinedNonjQuery(); 
       } 
      }, 0); 

     } 
    } else { 
     //We are included. 
     alert("Included:" + scripts[scripts.length - 1].src); 
     initmywholejsframework(); 
    } 

    //Handle other JS frameworks etc. here, if you will. 
    function handleInlinedNonjQuery() { 
     alert("nonJQuery"); 
     initmywholejsframework(); 
    } 

    //Initialize your lib here 
    function initmywholejsframework() { 
     alert("loaded"); 
    } 

})(jQuery); 

Answer 2

B T，對不起，如果這沒有幫助，但我很好奇你爲什麼需要這樣做？我問的原因是我不明白爲什麼你不能使用相對文件路徑來加載這些文件？通過window.location查找你所在的位置，但你爲什麼要這樣做？至於加載它們，你不能對文件進行ajax調用，然後評估它們嗎？

Answer 3

這將在每一個瀏覽器的工作，除了IE，並且不依賴於假設什麼一個文件的名稱是：

var getErrorLocation = function (error) { 
    var loc, replacer = function (stack, matchedLoc) { 
     loc = matchedLoc; 
    }; 

    if ("fileName" in error) { 
     loc = error.fileName; 
    } else if ("stacktrace" in error) { // Opera 
     error.stacktrace.replace(/Line \d+ of .+ script (.*)/gm, replacer); 
    } else if ("stack" in error) { // WebKit 
     error.stack.replace(/at (.*)/gm, replacer); 
     loc = loc.replace(/:\d+:\d+$/, ""); // remove line number 
    } 
    return loc; 
}; 

try { 
    0(); 
} catch (e) { 
    var scriptURI = getErrorLocation(e); 
} 

alert("THIS IS: " + scriptURI); 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.