当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Js设置博客园主题色(theme-color)

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

2019年11月05日  | 移动技术网IT编程  | 我要评论

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

效果：

如果有用，不妨点个赞

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网