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 usar CSS tiene desventajas:
1. Solo admite navegadores como Firefox que tienen buen soporte para estándares web.
2. Solo puede juzgar enlaces, no puntos de anclaje ni javascript. Si lo encuentras, no hay nada que puedas hacer.
Esto se puede hacer en combinación con js. Primero escriba un estilo:
el siguiente es un fragmento de referencia:
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.
Aquí hay una cita:
<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>
El efecto ahora se puede ver.