"a target=_blank..." no funciona usando "a href=javascript..."

[quico5]

Código HTML:

<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);window.location.href=('http://twitter.com/?status='+tit2+'%20'+dir+'');" target="_blank">Compartir</a> 

Código HTML:

<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.location.href=('http://www.facebook.com/share.php?u='+dir2+'&amp;t='+tit2+'');" target="_blank">Compartir</a> 

Código HTML:

<a href="javascript:window.location.href='https://plus.google.com/share?url='+encodeURIComponent(location);void0;" target="_blank">Compartir en Google+</a> 

[PHPeros]

Por favor, no uses links hacia contenido JavaScript, está totalmente desaconsejado por la W3C

Para ello tienes los eventos.

[quico5]

Gracias

Ups, no sabia que fuesen mala practica, ¿Con eventos como sería? parece que hay dos razones por las que no usar el código propio de las redes sociales, el gran tiempo de carga y la no personalización por css3, parece ser que el tiempo de carga afecta al SEO

http://norfipc.com/web/como-hacer-vi...k-twitter.html

[PHPeros]

Lee un manual

[quico5]

¿reemplazando href por onclick seria correcto?

Iniciado por quico5

Código HTML:

<a onclick="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);window.location.href=('http://twitter.com/?status='+tit2+'%20'+dir+'');" target="_blank">Compartir</a> 

Código HTML:

<a onclick="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.location.href=('http://www.facebook.com/share.php?u='+dir2+'&amp;t='+tit2+'');" target="_blank">Compartir</a> 

Código HTML:

<a onclick="javascript:window.location.href='https://plus.google.com/share?url='+encodeURIComponent(location);void0;" target="_blank">Compartir en Google+</a> 

[PHPeros]

Y eliminando el prefijo javascript: ya que ahora no es un link

Para códigos largos (o por preferencia) puedes hacerlo directamente con JavaScript, con addEventListener por ejemplo.

[quico5]

Me pilla verde el JavaScript... A ver si consigo adaptarlo

Código:

https://developer.mozilla.org/es/docs/DOM/elemento.addEventListener
https://developer.mozilla.org/en-US/docs/Web/API/event.target

Sintaxis
target.addEventListener(tipo, listener[, useCapture]); target.addEventListener(tipo, listener[, useCapture, aWantsUntrusted ]); // Gecko/Mozilla only

Código:

<a onclick="var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.location.href=('http://www.facebook.com/share.php?u='+dir2+'&amp;t='+tit2+'');" target="_blank">Compartir en Facebook</a>