ES6模板字符串案例

最新推荐文章于 2024-04-17 03:51:03 发布

夏木炎

最新推荐文章于 2024-04-17 03:51:03 发布

阅读量616

点赞数 1

分类专栏： JS 前端 ES6学习笔记文章标签： ES6模板字符串案例 ES6 模板字符串

本文链接：https://blog.csdn.net/xm393392625/article/details/80971171

版权

JS 同时被 3 个专栏收录

38 篇文章 1 订阅

订阅专栏

前端

35 篇文章 0 订阅

订阅专栏

ES6学习笔记

9 篇文章 0 订阅

订阅专栏

一.案例代码：

<!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>

二.结果：