작성자 관련: http://www.lemongtree.com
CSS 속성 선택기를 사용하여 모든 외부 링크에 작은 아이콘을 추가하여 외부 링크로 식별하는 등 링크 스타일을 선택적으로 제어할 수 있습니다.
그러나 CSS를 사용하면 다음과 같은 단점이 있습니다.
1. FireFox와 같이 웹 표준을 잘 지원하는 브라우저만 지원합니다.
2. 앵커 포인트나 자바스크립트가 아닌 링크만 판단할 수 있습니다. <a href="javascript:void(0);">가 발생하면 할 수 있는 일이 없습니다.
이는 js와 함께 수행할 수 있습니다. 먼저 스타일을 작성합니다.
a.other:링크, a.other:방문함, a.other:활성
{
background:url("external.gif") 오른쪽 상단 반복 없음;
오른쪽 패딩:15px;
}
또 다른 js를 작성하지만 js는 위에서 언급한 자바스크립트, 앵커 포인트 등과 같은 링크의 다양성을 고려해야 합니다. 이미지 링크인 경우 스타일을 적용하지 마세요.
<스크립트 유형="텍스트/자바스크립트">
window.onload = 함수()
{
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 ='기타';
}
}
}
//s는 링크의 URL이고, innerhtml은 링크 텍스트입니다.
함수 chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) return true;
var reg = /^http:///gi;
if(s.match(reg))
{
reg = /^http://www.lemongtree.com/gi;
if(s.match(reg))
{
사실을 반환;
}
또 다른
{
거짓을 반환;
}
}
사실을 반환;
}
</script>
이제 효과를 볼 수 있습니다.