Relacionado ao autor: http://www.lemongtree.com
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 existem desvantagens em usar CSS:
1. Suporta apenas navegadores como 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 <a href="javascript:void(0);">, não há nada que você possa fazer.
Isso pode ser feito em combinação com js. Primeiro escreva um estilo:
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.
<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>
Agora você pode ver o efeito.