美文网首页
如何用console.log打印图文?

如何用console.log打印图文?

作者: 苏苏哇哈哈 | 来源:发表于2022-02-15 11:18 被阅读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.更多代码,关注苏苏的码云!

相关文章

网友评论

      本文标题:如何用console.log打印图文?

      本文链接:https://www.haomeiwen.com/subject/cdnklrtx.html