首页 > Web开发 > 详细

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

时间:2019-11-05 12:49:17      阅读:2211      评论:0      收藏:0      [点我收藏+]

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

        通常我们可以在头部声明一下就OK了。

如:

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

        但,由于博客园本身的限制没法把声明放入head头部中,所以,我有一个想法!

大概的思路是这样的:

<script>
~function(){
var sMeat = document.createElement(meta);
sMeat.name = "theme-color";
sMeat.content = "#000000";
document.querySelector(head).appendChild(sMeat);
}();
</script>

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

方法:

        可将js代码直接放到body中。

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

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

技术分享图片

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

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

原文:https://www.cnblogs.com/bruceau/p/11797500.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!