如何用console.log打印图文？

苏苏哇哈哈

于 2022-02-15 11:19:09 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： git js 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_48085286/article/details/122940122

git 同时被 2 个专栏收录

47 篇文章

订阅专栏

22 篇文章

订阅专栏

本文介绍了JavaScript中console对象的使用，包括基本打印、字符串和数字格式化、图片插入，以及一些高级用法，如自定义样式和占位符。适合开发者提升控制台输出技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.console

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

		console.log(console)

在这里插入图片描述

2.占位符

在这里插入图片描述

	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;`);

在这里插入图片描述

如何用console.log打印图文？

1.console

2.占位符

3.打印文字和图片

4.更多代码，关注苏苏的码云！