【JS】console.log()打印出五彩斑斓的黑

逛B站不小心点到了F12,于是乎看到了蓝色的小电视,于是乎了解了一下

先大致说一下语法:

console.log('%c巴拉%c巴拉','color:#fff','color:#000');

//上述代码中 
参数1 的 第一个 %c 会被替换成 参数2 所代表的样式;
参数1 的 第二个 %c 会被替换成 参数3 所代表的样式;
...
(字体颜色,背景颜色,字体大小都是可以的,其他的自己去发现)

//上面的写法等同于

console.log(console,['%c巴拉%c巴拉','color:#fff','color:#000']);

主题:打印五彩斑斓的黑

//创建新数组,存放数据及样式
arr=[''];
for(var x = 1; x<10;x++){
    //给每一个黑字设置样式
    arr[0]+='%c黑';
    //用随机函数生成三位数代表rgb颜色
    arr[x]='color:#fff;font-size:50px;background-color:#'+Math.random().toFixed(3)*1000;
}
console.log.apply(console,arr)

效果

这个时候,总会有人问了,这有什么用?我很负责的告诉你,没,什,么,卵,用.

发布了35 篇原创文章 · 获赞 18 · 访问量 37万+

猜你喜欢

转载自blog.csdn.net/TXX_c/article/details/83622139
今日推荐