有时候我们需要统一把链接前面加一个小图标，让用户清楚这个链接是干什么的？以什么方式打开，用CSS可以实现，不过考虑到兼容性，我们用JS配合实现，言归正传。

1、先用CSS定义样式：

a.other:link,a.other:visited,a.other:active{
   background:url("external.gif") no-repeat top right;/*图片只是演示，用时候换成你自己的*/
   padding-right:15px;
}

2、js代码，考虑到了锚点等内容，若是图片链接，就不要使用上面的CSS样式了：

<script type="text/javascript">
window.onload = function()
{
  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 ='other';
    }
  }
}
//s是链接的url,innerhtml是链接文本
function 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))
     {
       return true;
     }
     else
     {
       return false;
     }
  }
 return true;
}
</script>

接下来加到你的页面了，现在可以看演示了。