Js设置博客园主题色(theme-color)

2022-10-13,,,,

        所谓的theme-color,实际上是安卓版chrome的状态栏主题色,也仅仅被安卓版的chrome所支持。

        我们都知道,声明通常放在head头部才会生效,表达如下:

        <meta name="theme-color" content="#000000">

        但,由于cnblgos的限制没法把声明直接放入head中,所以这事只能托js去完成了。

思路:

        通过js方法在head里创建一个meta声明,分别赋值name和content。

<script>
~function(){
var smeat = document.createelement('meta');
smeat.name = "theme-color";
smeat.content = "#000000";
document.queryselector('head').appendchild(smeat);
}();
</script>

 

方法:

        可将js代码直接放到body中。但为了美观,建议写到.js文件里,通过引用的方式放入html中。

        如:<script src="a.js"></script>

效果:

如果有用,不妨点个赞

《Js设置博客园主题色(theme-color).doc》

下载本文的Word格式文档,以方便收藏与打印。