Js设置博客园主题色(theme-color)
程序员文章站
2022-10-24 20:26:47
由于博客园本身的限制没法把声明直接放入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>
效果:
如果有用,不妨点个赞
上一篇: 猪肝怎么煮好吃,猪肝的营养功效如何?
下一篇: 新鲜海带需要煮吗,海带的功效与作用有哪些