導讀:搭建網站搭建網站之前看到很多博客底部友情鏈接都加了 ico 小圖標，感覺很新穎，很好看，那么如何為你的?WordPress?博客添加一個自動獲取 favicon.ico 圖標的國外技術網站網站搭建服務。

之前看到很多博客底部友情鏈接都加了 ico 小圖標，感覺很新穎，很好看，那么如何為你的?WordPress?博客添加一個自動獲取 favicon.ico 圖標的友情鏈接頁面？于是開始折騰，我不想每次添加友情鏈接的時織夢手機模板候都得手動的去添加 ico 圖標的小鏈接，浪費時間，然后就百度了以下，還真有教程，然后我就搬過來了，當然，文章版權還是要保留的，尊重別人的勞動成果，自動添加 img 標簽代碼如下：

<script?type="text/javascript">

??$("#link-home?li?a").each(function(e){

????$(this).prepend("<img?src=https://favicon.cccyun.cc/"+this.href.replace(/^(http:\/\/[^\/]+).*$/,?'$1').replace(?'http://',?''?)織夢模板修改+">");

??});

</script>

或者把代碼中放入公用 js 文檔中調用：

jQuery(document).ready(function($){&nb免費織夢模板sp; 

  $("#link-home li a").each(function(e){  

    $(this).prepend("<img src=https://api.iowen.cn/favicon/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");  

  });  

});  

哪種方式都都可以，看自己的習慣吧。其中：“#link-home li a”是友情鏈接的 ID（也可以換成 class 名，具體需要查看你網站的寫法）,給友情鏈接自動添加<img>標簽已經完成了。

相關國外技術網站網站搭建服務。

關鍵詞標簽: 鏈接 友情鏈接 圖標