动手改掉博客园博客中浏览器标签中的小图标

最新推荐文章于 2024-10-01 20:12:28 发布

weixin_30613433

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量109

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hewenwei/p/3971777.html

版权

方法很简单：用JS向HTML中<head></head>添加一行类似这样的代码：

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"  />

但是我们不可能改动到博客园中的HTML文档的，幸好cnblog的后台管理允许我们CSS定制自己的样式和添加“页首/脚Html代码”。于是我们可以在后台管理-设置中的“页首Html代码”框用JS写入代码：

1 <script type="text/javascript">
2   var head = document.getElementsByTagName('head')[0],
3   linkTag = document.createElement('link');
4   linkTag.href="http://images.cnblogs.com/cnblogs_com/hewenwei/535253/o_favicon.png";
5   linkTag.setAttribute('rel','shortcut icon');
6   linkTag.setAttribute('type','image/x-icon');
7   head.appendChild(linkTag); 
8 </script>