如何用console.log打印图文?

2022-02-15  本文已影响0人  苏苏哇哈哈

1.console

console是全局变量window(或global)下的一个对象,在控制台打印console,可以发现他提供了很多方法。

        console.log(console)

[图片上传失败...(image-98cc8-1644895068523)]

2.占位符

[图片上传失败...(image-59e91a-1644895068523)]

    console.log("打印的字符串是:%s", "123");
    console.log("%o", document.body);
    console.log("打印的整数是:%d", 111.00);
    console.log("打印的浮点数是:%f", 111.00);

3.打印文字和图片

console.log("%c需要输出的信息 ", "css 代码");
console.log(`%c苏苏 `, ` color:red;
        font-size:25px;
   `)
    console.log("%c+",
        `font-size: 1px;
  padding: 100px 100px;
  background-image: url(https://i.postimg.cc/mgsKJGLw/susu1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;`);
image.png

4.更多代码,关注苏苏的码云!

上一篇 下一篇

猜你喜欢

热点阅读