经验首页 前端设计 程序设计 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。

  1. <script>
  2. ~function(){
  3. var sMeat = document.createElement('meta');
  4. sMeat.name = "theme-color";
  5. sMeat.content = "#000000";
  6. document.querySelector('head').appendChild(sMeat);
  7. }();
  8. </script>

 

方法:

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

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

效果:

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

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

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

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号