Comment coder dans un fichier JavaScript obtenir l'URL du fichier?

Ajouter un ID à la balise script:

<script type="text/javascript" id="myScript" src="http://bla.com/js/script.js"></script>

Et dans http://bla.com/js/script.js:

var myScript = document.getElementById('myscript');
var myScriptSrc = myScript.getAttribute('src');
alert(myScriptSrc); //included for debugging

Vous devriez être en mesure de manipuler la valeur de myScriptSrc pour obtenir le chemin d'accès de tout autre contenu sur bla.com.

Je pense que cet exemple est ce que James Black signifiait dans sa réponse.

Enfin, à tout le monde ce qui suggère l'utilisation de document.locationveuillez garder à l'esprit que si vous voulez un accès en lecture seule à l'actuel de l'adresse de la page, vous devriez être en utilisant document.URL ou window.location. Si vous souhaitez définir l'adresse de la page, vous devez toujours utiliser window.location.href. Bien que window.location = 'location'; des travaux, il a m'a toujours agacé de voir une Chaîne d'être affecté à un Emplacement. Je ne suis pas sûr pourquoi, depuis JavaScript permet toutes sortes d'autres conversions de types implicites.

• mozilla référence: document.location était à l'origine une propriété en lecture seule, bien que Gecko des navigateurs vous permettent de lui attribuer. Pour la croix-navigateur de sécurité, d'utilisation de la fenêtre.emplacement à la place. Pour récupérer l'URL comme une chaîne de caractères, la lecture seule document.URL propriété peut être utilisée.
• De référence de Sun: Ne pas utiliser emplacement comme une propriété de la document objet; utiliser le document.URL propriété plutôt. Le document.location de la propriété, qui est un synonyme de document.URLest obsolète.

Même plus facile que d'utiliser un id est de simplement laisser le balisage seul et l'utilisation document.currentScript. Le lien pour le MDN mentionne sous le Note section, un petit caprice nécessitant le JavaScript pour exécuter de manière synchrone, et je vais vous expliquer comment faire pour éviter cet écueil.

Il est important de noter que ce ne sera pas référence à la <script> élément si le code dans le script est appelé comme un rappel ou un gestionnaire d'événement; il sera seulement référence à l'élément, tout c'est d'abord être traitées.

L'avantage de cette solution est que vous n'êtes pas obligé d'utiliser des balises, et ceci est particulièrement utile si vous ne pouvez pas accéder au code HTML vous-même pour une raison quelconque (par exemple, si il est utilisé par un client ou un développeur à l'aide de votre API).

Si le script est exécuté en mode synchrone (qui signifie que le contenu principal du script n'est pas emballé dans un écouteur d'événement ou une autre fonction d'évaluer au plus tard lorsque le code est "au départ, en cours de traitement" ), vous pouvez simplement utiliser document.currentScript pour accéder aux cours de traitement <script> élément de votre code. Pour montrer comment utiliser efficacement, je vais vous donner une base de démonstration ci-dessous.

HTML:

<script type="text/javascript" src="http://bla.com/js/script.js"></script>

JavaScript dans http://bla.com/js/script.js:

var myScript = document.currentScript,
    mySrc = myScript.getAttribute('src');

console.log(mySrc); //"http://bla.com/js/script.js"

$(function () {
    //your other code here, assuming you use jQuery
    //...
});

Si vous ne voulez pas la variable d'être exposé à la portée globale, vous pouvez également le faire:

(function () {
    var myScript = document.currentScript,
        mySrc = myScript.getAttribute('src');

    console.log(mySrc); //"http://bla.com/js/script.js"

    $(function () {
        //your other code here
        //...
    });
}()); //self-executing anonymous function

Fondamentalement, le point est de s'assurer et d'accès document.currentScript au cours de l'exécution synchrone du script, sinon il ne sera pas de référence de ce que vous attendez.

Vous pouvez lire document.locationmais vous pourriez tout aussi bien utiliser des Url relatives

Propriété de pile d'objets d'erreur peut fournir des informations d'URL.

try 
{ 
  throw new Error();
}
catch(exc)
{
  console.log(exc.stack);
}

Malheureusement, Webkit n'est pas (mais Chrome ne) support de la pile de la propriété. Il y a un peu de navigateurs supportant cette fonctionnalité: http://173.45.237.168/reference/html/api/Error.html#Error.stack

Au lieu de la pile, Webkit fournit sourceURL de la propriété, là est le exampe utilisation:

try 
{ 
  throw new Error();
}
catch(exc)
{
  console.log(exc.sourceURL);
}