当前位置:   article > 正文

js自动识别显示url链接对应的网站ico图标_js代码找到指定url网站的rel='icon'的属性

js代码找到指定url网站的rel='icon'的属性

如图:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <a href="http://www.baidu.com"></a>
  11. <a href="http://www.sogou.com"></a>
  12. <a href="http://www.zhihu.com"></a>
  13. </body>
  14. <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  15. <script>
  16. $("a").each(function(e){
  17. $(this).prepend("<img src=https://f.ydr.me/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  18. });
  19. </script>
  20. </html>

 

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/110684
推荐阅读