js输出方式_前端如何在terminal上面按打印-CSDN博客

本文链接：https://blog.csdn.net/LYN_1217/article/details/125171822

1.弹出警告
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 1.弹出警告 -->
		<!-- alert("请先注册") -->
		<button onclick="alert('请先注册！')">登录</button>
	</body>
</html>

效果图：
在这里插入图片描述

2.控制台输出/换行
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//2.控制台输出clog
			console.log("控制台输出");
			console.error("错误信息打印");
			console.info("普通信息输出");
			//  换行
			console.log("每一个星球都有一个驱动核心 " +
				"每一种思想都有影响力的种子。" +
				"感受世界的温度");
			//  换行
			console.log(`每一个星球都有一个驱动核心，
每一种思想都有影响力的种子。
感受世界的温度，
年轻的你也能成为改变世界的动力，
百度珍惜你所有的潜力。
你的潜力，是改变世界的动力!`);
		</script>
	</body>
</html>

效果图：
在这里插入图片描述

3.文档输出
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//3.文档输出 快捷键dw
			document.write("欢迎你")
			document.write("<h1 style='color:red'>欢迎你</h1>")
			document.write(`<table border="1" cellpadding="0" cellspacing="0">
			<tr><td>11</td><td>22</td><td>33</td></tr>
			<tr><td>66</td><td>88</td><td>99</td></tr>
			</table>`)
		</script>
	</body>
</html>