Vous pouvez utiliser des sélecteurs d'attributs CSS pour contrôler de manière sélective les styles de liens, par exemple en ajoutant une petite icône à tous les liens externes pour les identifier en tant que liens externes.
Mais l'utilisation du CSS présente des inconvénients :
1. Il ne prend en charge que les navigateurs tels que FireFox qui prennent bien en charge les standards du Web.
2. Il ne peut juger que les liens, pas les points d'ancrage ou le javascript. Si vous le rencontrez, vous ne pouvez rien faire.
Cela peut être fait en combinaison avec js. Écrivez d'abord un style :
Ce qui suit est un fragment de référence :
a.other:lien,a.other:visité,a.other:actif
{
background:url("external.gif") sans répétition en haut à droite ;
remplissage à droite : 15px ;
}
Écrivez un autre js, mais le js doit prendre en compte la diversité des liens, comme le javascript, les points d'ancrage, etc. mentionnés ci-dessus. S'il s'agit d'un lien image, n'appliquez pas de style.
Voici une citation :
<script type="text/javascript">
window.onload = fonction()
{
var aList = document.getElementsByTagName('a');
var iCount = aList.length;
pour(var je = 0;i<iCount;i++)
{
if(!chkMyLink(aList[i].href,aList[i].innerHTML))
{
aList[i].className = 'autre';
}
}
}
//s est l'url du lien, innerhtml est le texte du lien
fonction chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) return true;
var reg = /^http:///gi;
si(s.match(reg))
{
reg = /^http://www.lemongtree.com/gi;
si(s.match(reg))
{
renvoie vrai ;
}
autre
{
renvoie faux ;
}
}
renvoie vrai ;
}
</script>
L'effet est maintenant visible.