ES6模板字符串案例

一.案例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>内置对象扩展</title>
	</head>
	<body>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script>
			//1.模板字符串
			let html_1='<html><head></head><body><p>今天天气很好!</p><div>适合敲代码</div></body></html>';
			console.log(html_1);
			let str_1='今天天气很好!';
			let str_2='适合敲代码';
			let className='test';
			let html_2=`
				<html>
					<head></head>
					<body>
						<p>${str_1}</p>
						<div class="${className}">${str_2}</div>
					</body>
				</html>
			`;
			console.log(html_2);
		</script>
	</body>
</html>

二.结果:


猜你喜欢

转载自blog.csdn.net/xm393392625/article/details/80971171