Jquery: favicon automatica per i link a sito esterno

Tra le mille personalizzazioni di un link che si possono creare automaticamente, attraverso Jquery possiamo individuare i link che puntano su domini esterni e far comparire automaticamente come icona che precede il link la favicon del dominio stesso.

Lo script, qualora non trovasse la favicon provvederà a inserire un'immagine di defautl!

Dopo aver caricato le  librerie Jquery, qui l'articolo su come caricare automaticamente sempre la versione più aggiornata, utilizziamo questa sintassi (in grassetto il caricamento di default da personalizzare col proprio percorso):

jQuery(document).ready(function() {
    $('a[href^="https://"]').filter(function(){
    return this.hostname && this.hostname !== location.hostname;
    }).each(function() {
    var link = jQuery(this);
    var faviconURL =
    link.attr('href').replace(/^(https:\/\/[^\/]+).*$/, '$1')+'/favicon.ico';
    var faviconIMG = jQuery('<img src="favicon.png" alt="favicon" />')['prependTo'](link);
    var extImg = new Image();
    extImg.src = faviconURL;
    if (extImg.complete)
    faviconIMG.attr('src', faviconURL);
    else
    extImg.onload = function() { faviconIMG.attr('src', faviconURL); };
    });
})

In questo modo Jquery adogni link con prefisso http aggiungerà la favicon corrispondente!