En rapport avec l'auteur : http://www.lemongtree.com
Vous pouvez utiliser des sélecteurs d'attributs CSS pour contrôler sélectivement 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 il y a des inconvénients à utiliser le CSS :
1. Ne prend en charge que les navigateurs tels que FireFox qui prennent en charge les normes Web.
2. Il ne peut juger que les liens, pas les points d'ancrage ou le javascript. Si vous rencontrez <a href="javascript:void(0);">, vous ne pouvez rien faire.
Cela peut être fait en combinaison avec js. Écrivez d'abord un style :
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.
<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>
Maintenant, vous pouvez voir l'effet.