Ottieni l'URL completo da un collegamento ipertestuale usando jQuery/JavaScript

Question

Come posso recuperare l'URL completo a cui un collegamento di ancoraggio utilizza jQuery/JavaScript in modo coerente su tutti i browser? Ad esempio, voglio restituire http://www.mysite.com/mypage.aspx da <a href="../mypage.aspx"></a>.

Ho provato quanto segue:

1. $(this).attr('href'): Il problema è che jQuery restituisce il valore esatto della href (cioè ../mypage.aspx).

2. this.getAttribute('href'): funziona in Internet Explorer, ma in FireFox si comporta come sopra.

Qual è l'alternativa? Non posso semplicemente aggiungere il percorso del sito corrente al valore href perché non funzionerebbe nel caso precedente in cui il valore di href sfugge alla directory corrente.

Answer 1

È possibile creare un elemento img e quindi impostare l'attributo src sul valore href recuperato. Quindi, quando recuperi l'attributo src, sarà pienamente qualificato. Ecco un esempio di funzione che ho usato da http://james.padolsey.com/javascript/getting-a-fully-qualified-url/:

function qualifyURL(url){ 
    var img = document.createElement('img'); 
    img.src = url; // set string url 
    url = img.src; // get qualified url 
    img.src = null; // no server request 
    return url; 
}