導(dǎo)讀:搭建網(wǎng)站搭建網(wǎng)站之前看到很多博客底部友情鏈接都加了 ico 小圖標(biāo)，感覺(jué)很新穎，很好看，那么如何為你的?WordPress?博客添加一個(gè)自動(dòng)獲取 favicon.ico 圖標(biāo)的國(guó)外技術(shù)網(wǎng)站網(wǎng)站搭建服務(wù)。

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

<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://',?''?)織夢(mèng)模板修改+">");

??});

</script>

或者把代碼中放入公用 js 文檔中調(diào)用：

jQuery(document).ready(function($){&nb免費(fèi)織夢(mèng)模板sp; 

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

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

  });  

});  

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

相關(guān)國(guó)外技術(shù)網(wǎng)站網(wǎng)站搭建服務(wù)。

關(guān)鍵詞標(biāo)簽: 鏈接 友情鏈接 圖標(biāo)