Jak uzyskać ścieżkę do pliku aktualnie wykonującego kod javascript

Wszystkie przeglądarki oprócz Internet Explorera (dowolna wersja) mają document.currentScript, który zawsze działa zawsze (bez względu na to, jak plik został dołączony (async, bookmarklet itp.)).

Jeśli chcesz znać pełny adres URL pliku JS, w którym jesteś teraz:

var script = document.currentScript;
var fullUrl = script.src;

Przyjęta tutaj odpowiedź nie działa, jeśli masz Skrypty wbudowane w dokumencie. Aby tego uniknąć, możesz użyć poniższej opcji, aby kierować tylko znaczniki <script> z atrybutem [src].

/**
 * Current Script Path
 *
 * Get the dir path to the currently executing script file
 * which is always the last one in the scripts array with
 * an [src] attr
 */
var currentScriptPath = function () {

    var scripts = document.querySelectorAll( 'script[src]' );
    var currentScript = scripts[ scripts.length - 1 ].src;
    var currentScriptChunks = currentScript.split( '/' );
    var currentScriptFile = currentScriptChunks[ currentScriptChunks.length - 1 ];

    return currentScript.replace( currentScriptFile, '' );
}

To skutecznie przechwytuje Ostatnie zewnętrzne .plik js, rozwiązując niektóre problemy, które napotkałem z wbudowanymi szablonami JS.

Ostatnio znalazłem dużo czystsze podejście do tego, które może być wykonane w dowolnym momencie, a nie być zmuszony do zrobienia tego synchronicznie, gdy skrypt ładuje.

Użyj stackinfo , aby uzyskać stacktrace w bieżącej lokalizacji i chwyć nazwę info.file z góry stosu.

info = stackinfo()
console.log('This is the url of the script '+info[0].file)

Udoskonalając odpowiedzi znalezione tutaj, wymyśliłem co następuje:

GetCurrentScript.js

var getCurrentScript = function () {
  if (document.currentScript) {
    return document.currentScript.src;
  } else {
    var scripts = document.getElementsByTagName('script');
    return scripts[scripts.length-1].src;

  }
};

module.exports = getCurrentScript;

GetCurrentScriptPath.js

var getCurrentScript = require('./getCurrentScript');

var getCurrentScriptPath = function () {
  var script = getCurrentScript();
  var path = script.substring(0, script.lastIndexOf('/'));
  return path;
};

module.exports = getCurrentScriptPath;

BTW: używam CommonJS formatowanie modułów i łączenie z webpack.

Właśnie zrobiłem tą małą sztuczkę:

window.getRunningScript = () => {
    return () => {
        let err = new Error()
        let link = err.stack.split('(')
        link = link[1]
        link = link.split(')')[0]
        link = link.split(':')
        link.splice(-2, 2)
        link = link.join(':')

        return link
    }
}

console.log('%c Currently running script:', 'color: blue', getRunningScript()())

praca na: Chrome, Firefox, Edge

Smacznego !

Zakodowałem prostą funkcję, która pozwala uzyskać absolutną lokalizację bieżącego pliku javascript, za pomocą metody try / catch.

Możesz go zobaczyć TUTAJ .

Może źle zrozumiałem twoje pytanie, ale wydaje się, że powinieneś być w stanie używać ścieżki względnej, o ile serwery produkcyjne i programistyczne używają tej samej struktury ścieżki.

<script language="javascript" src="js/myLib.js" />

Niezależnie od tego, czy jest to skrypt, plik html( na przykład ramka), plik css, obraz, cokolwiek, jeśli NIE podaj serwer / domenę ścieżka dokumentu html będzie domyślna, więc możesz zrobić na przykład

<script type=text/javascript src='/dir/jsfile.js'></script>

Lub

<script type=text/javascript src='../../scripts/jsfile.js'></script>

Jeśli nie podasz serwera/domeny, ścieżka będzie względem ścieżki strony lub skryptu ścieżki głównego dokumentu