Вы можете использовать селекторы атрибутов CSS для выборочного управления стилями ссылок, например, добавляя небольшой значок ко всем внешним ссылкам, чтобы идентифицировать их как внешние ссылки.
Но использование CSS имеет недостатки:
1. Он поддерживает только такие браузеры, как FireFox, которые хорошо поддерживают веб-стандарты.
2. Он может оценивать только ссылки, но не точки привязки или JavaScript. Если вы столкнулись с этим, вы ничего не сможете сделать.
Это можно сделать в сочетании с js. Сначала напишите стиль:
Ниже приведен справочный фрагмент:
a.other:ссылка,a.other:посещенный,a.other:активный
{
фон:url("external.gif") без повтора вверху справа;
отступ справа: 15 пикселей;
}
Напишите еще один js, но js должен учитывать разнообразие ссылок, таких как JavaScript, точки привязки и т. д., упомянутые выше. Если это ссылка на изображение, не применяйте стиль.
Вот цитата:
<тип сценария="текст/javascript">
окно.онлоад = функция()
{
var aList = document.getElementsByTagName('a');
вар iCount = aList.length;
for(var i = 0;i<iCount;i++)
{
if(!chkMyLink(aList[i].href,aList[i].innerHTML))
{
aList[i].className ='другое';
}
}
}
//s — URL ссылки, innerhtml — текст ссылки
функция chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) возвращает true;
вар reg = /^http:///gi;
если (s.match (reg))
{
reg = /^http://www.lemongtree.com/gi;
если (s.match (reg))
{
вернуть истину;
}
еще
{
вернуть ложь;
}
}
вернуть истину;
}
</script>
Теперь эффект можно увидеть.