Obtenga la URL completa de un hipervínculo usando jQuery/JavaScript

Question

¿Cómo puedo recuperar la URL completa a la cual un ancla vincula usando jQuery/JavaScript consistentemente en todos los navegadores? Por ejemplo, quiero devolver http://www.mysite.com/mypage.aspx desde <a href="../mypage.aspx"></a>.

I han intentado el siguiente:

1. $(this).attr('href'): El problema es que jQuery devuelve el valor exacto de la href (es decir, ../mypage.aspx).

2. this.getAttribute('href'): Esto funciona en Internet Explorer, pero en Firefox se comporta de la misma manera que la anterior.

¿Cuál es la alternativa? No puedo simplemente agregar la ruta del sitio actual al valor de href porque eso no funcionaría en el caso anterior en el que el valor de href escapa del directorio actual.

Answer 1

Puede crear un elemento img y luego establecer el atributo src en el valor href recuperado. Luego, cuando recupere el atributo src, estará completamente calificado. Aquí es una función de ejemplo que he utilizado desde 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; 
}