Tester si les liens sont externes avec jQuery / javascript?

var comp = new RegExp(location.host);

$('a').each(function(){
   if(comp.test($(this).attr('href'))){
       //a link that contains the current host           
       $(this).addClass('local');
   }
   else{
       //a link that does not contain the current host
       $(this).addClass('external');
   }
});

Note: ceci est juste un rapide & sale exemple. Il pourrait correspondre à tous href="#ancre" liens
externe aussi. Il pourrait être amélioré en faisant quelques extra RegExp vérification.

---

Mise à jour 2016-11-17

Cette question encore beaucoup de trafic et j'ai été informé par une tonne de gens que cette solution retenue va échouer à plusieurs reprises. Comme je l'ai dit, cela a été très rapide et sale de répondre à montrer la voie principale comment résoudre ce problème. Une solution plus élaborée consiste à utiliser les propriétés qui sont accessibles sur un <a> (ancrage) de l'élément. Comme @Daved a déjà souligné dans cette réponse, la clé est de comparer les hostname avec le courant window.location.hostname. Je préfère comparer la hostname propriétés, parce qu'ils ne comprennent jamais le port qui est inclus à la host propriété si elle diffère de 80.

Donc, ici, nous allons:

$( 'a' ).each(function() {
  if( location.hostname === this.hostname || !this.hostname.length ) {
      $(this).addClass('local');
  } else {
      $(this).addClass('external');
  }
});

Etat de l'art:

Array.from( document.querySelectorAll( 'a' ) ).forEach( a => {
    a.classList.add( location.hostname === a.hostname || !a.hostname.length ? 'local' : 'external' );
});

Et la non-jQuery façon

var nodes = document.getElementsByTagName("a"), i = nodes.length;
var regExp = new RegExp("//" + location.host + "($|/)");
while(i--){
    var href = nodes[i].href;
    var isLocal = (href.substring(0,4) === "http") ? regExp.test(href) : true;
    alert(href + " is " + (isLocal ? "local" : "not local"));
}

Tous hrefs pas au début avec http (http://, https://) sont automatiquement traités comme des locaux

Voici un sélecteur jQuery pour les seuls liens externes:

$('a[href^="(http:|https:)?//"])') 

Un sélecteur jQuery uniquement pour les liens internes (non compris les hash des liens au sein de la même page) doit être un peu plus compliqué:

$('a:not([href^="(http:|https:)?//"],[href^="#"],[href^="mailto:"])')

Des filtres supplémentaires peuvent être placés à l'intérieur de la :not() état et séparés par des virgules supplémentaires au besoin.

http://jsfiddle.net/mblase75/Pavg2/

---

Alternativement, nous pouvons filtrer les liens internes à l'aide de la vanille JavaScript href de la propriété, qui est toujours une URL absolue:

$('a').filter( function(i,el) {
    return el.href.indexOf(location.protocol+'//'+location.hostname)===0;
})

http://jsfiddle.net/mblase75/7z6EV/

Vous pouvez utiliser est-url-externe module.

var isExternal = require('is-url-external');
isExternal('http://stackoverflow.com/questions/2910946'); //true | false 

Cela devrait fonctionner pour tout type de lien sur tous les navigateurs sauf IE.

//check if link points outside of app - not working in IE
                try {
                    const href = $linkElement.attr('href'),
                        link = new URL(href, window.location);

                    if (window.location.host === link.host) {
                        //same app
                    } else {
                        //points outside
                    }
                } catch (e) { //in case IE happens}

Pour ceux qui sont intéressés, j'ai fait un ternaire version de la si le bloc avec un chèque de voir ce que les classes de l'élément a et de la classe sont attachées.

$(document).ready(function () {
    $("a").click(function (e) {

        var hostname = new RegExp(location.host);
        var url = $(this).attr("href");

        hostname.test(url) ?
        $(this).addClass('local') :
        url.slice(0, 1) == "/" && url.slice(-1) == "/" ?
        $(this).addClass('localpage') :
        url.slice(0, 1) == "#" ?
        $(this).addClass('anchor') :
        $(this).addClass('external');

        var classes = $(this).attr("class");

        console.log("Link classes: " + classes);

        $(this).hasClass("external") ? googleAnalytics(url) :
        $(this).hasClass("anchor") ? console.log("Handle anchor") : console.log("Handle local");

    });
});

Google analytics bits peuvent être ignorées, mais c'est là que vous auriez probablement envie de faire quelque chose avec l'url maintenant que vous savez quel type de lien, il est. Ajoutez simplement le code à l'intérieur du ternaire bloc.
Si vous voulez seulement vérifier 1 type de lien, puis remplacer le ternaires avec une instruction if à la place.

Modifié pour ajouter une question, je suis venu à travers. Certains de mes hrefs étaient "/Cours/" comme si. J'ai fait un chèque pour un localpage qui vérifie si il y a un slash au début et à la fin de href. Bien que la simple vérification par un " /" au début, est probablement suffisant.