经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
Js设置博客园主题色(theme-color)
来源:cnblogs  作者:Bruceau  时间:2019/11/5 14:59:28  对本文有异议

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

效果:

        如果有用,不妨点个赞??

原文链接:http://www.cnblogs.com/bruceau/p/11797500.html

 友情链接:直通硅谷  点职佳  北美留学生论坛