欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-09 11:46:12
由于博客园本身的限制没法把声明直接放入head中,所以,这事只能托js去完成了。 ......

        所谓的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)

如果有用,不妨点个赞