用javascript 转换外部链接样式

　用css属性选择器可以有选择性地对链接样式进行控制，如让所有的外部链接都加一个小图标来标识其是一外部链接。

　　但用css有弊端：

　　1、只支持Firefox等对web标准支持很好的浏览器。

　　2、只能判断链接，不能判断锚点或javascript。如遇到就无能为力了。

　　这里可以结合js来完成，首先写一个样式：

立即学习“Java免费学习笔记（深入）”；

以下是引用片段：
a.other:link,a.other:visited,a.other:active 
  { 
     background:url("external.gif") no-repeat top right; 
     padding-right:15px; 
  } 

Dompdf

dompdf是一个HTML到PDF转换器。在其核心，dompdf是一个（大部分）符合CSS 2.1标准的HTML布局和渲染引擎，使用PHP编写。它是一个以样式驱动的渲染器，它会下载并读取外部样式表，内联样式标签和单个HTML元素的样式属性。它还支持大多数表现性HTML属性。PDF渲染目前由PDFLib或由Wayne Munro编写的捆绑版本的R&OS CPDF类提供。（对R&OS类进行了一些重要的更改，但是）。为了使用dompdf与PDFLib，需要安装PDFLib PECL扩展。使用PD

5

查看详情

      再写一个js，但js要考虑到链接的多样性，如上面提到的Javascript、锚点等。 如果是图片链接，就不要应用样式了。

以下是引用片段：
<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>

      现在可以看到效果了。

以上就是用javascript 转换外部链接样式的内容，更多相关内容请关注PHP中文网（www.php.cn）！