Você pode usar seletores de atributos CSS para controlar seletivamente os estilos de link, como adicionar um pequeno ícone a todos os links externos para identificá-los como links externos.
Mas usar CSS tem desvantagens:
1. Ele suporta apenas navegadores como o FireFox, que possuem bom suporte para padrões da web.
2. Ele só pode julgar links, não pontos de ancoragem ou javascript. Se você encontrar isso, não há nada que você possa fazer.
Isso pode ser feito em combinação com js. Primeiro escreva um estilo:
A seguir está um fragmento de referência:
a.outro:link,a.outro:visitado,a.outro:ativo
{
background:url("external.gif") sem repetição no canto superior direito;
preenchimento à direita: 15px;
}
Escreva outro js, mas o js deve levar em consideração a diversidade de links, como o javascript, pontos de ancoragem, etc. mencionados acima. Se for um link de imagem, não aplique um estilo.
Aqui está uma citação:
<script type="texto/javascript">
janela.onload=função()
{
var aList = document.getElementsByTagName('a');
var iCount = aList.length;
for(var i = 0;i<iCount;i++)
{
if(!chkMyLink(aList[i].href,aList[i].innerHTML))
{
aList[i].className ='outro';
}
}
}
//s é a URL do link, innerhtml é o texto do link
função chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) retorna verdadeiro;
var reg = /^http:///gi;
if(s.match(reg))
{
reg = /^http://www.lemongtree.com/gi;
if(s.match(reg))
{
retornar verdadeiro;
}
outro
{
retornar falso;
}
}
retornar verdadeiro;
}
</script>
O efeito agora pode ser visto.