Relacionado con el autor: http://www.lemongtree.com
Puede utilizar selectores de atributos CSS para controlar selectivamente los estilos de enlaces, como agregar un pequeño icono a todos los enlaces externos para identificarlos como enlaces externos.
Pero existen desventajas al usar CSS:
1. Solo admite navegadores como Firefox que tengan buen soporte para estándares web.
2. Solo puede juzgar enlaces, no puntos de anclaje ni javascript. Si encuentra <a href="javascript:void(0);">, no hay nada que pueda hacer.
Esto se puede hacer en combinación con js. Primero escribe un estilo:
otro:enlace, otro:visitado, otro:activo
{
fondo:url("external.gif") no repetir arriba a la derecha;
relleno-derecha: 15px;
}
Escribe otro js, pero el js debe tener en cuenta la diversidad de enlaces, como el javascript, puntos de anclaje, etc. mencionados anteriormente. Si es un enlace de imagen, no apliques ningún estilo.
<tipo de script="texto/javascript">
ventana.onload = función()
{
var aList = document.getElementsByTagName('a');
var iCount = aList.length;
para(var i = 0;i<iCount;i++)
{
if(!chkMyLink(aList[i].href,aList[i].innerHTML))
{
aList[i].className ='otro';
}
}
}
//s es la URL del enlace, Innerhtml es el texto del enlace
función chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) devuelve verdadero;
var reg = /^http:///gi;
si(s.match(reg))
{
reg = /^http://www.lemongtree.com/gi;
si(s.match(reg))
{
devolver verdadero;
}
demás
{
devolver falso;
}
}
devolver verdadero;
}
</script>
Ahora puedes ver el efecto.