JavaScript之模板字符串的使用

最新推荐文章于 2024-06-05 15:33:33 发布

cloudOnSkyline

最新推荐文章于 2024-06-05 15:33:33 发布

阅读量1.7k

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript 模板字符串变量插入 HTML 编码实践

本文链接：https://blog.csdn.net/weixin_44827643/article/details/125661337

版权

JavaScript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

本文主要介绍JavaScript中模板字符串的使用。相对于字符串拼接而言，模板字符串提供了更加简洁的方法。下面介绍模板字符的几个特性。

1.支持单双引号同时书写

模板字符串由反引号“`”包裹，内部可同时书写单双引号

2.支持变量引入

模板字符串以“${变量}”的形式引入变量

3.可解析HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>
    <script>
        var b = 'superman';
        var a = `I'm a "${b}".<i>Wow!</i>`;
        document.querySelector('div').innerHTML = a;
    </script>
</body>

</html>

cloudOnSkyline

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
JavaScript之模板字符串的使用

本文主要介绍JavaScript中模板字符串的使用。相对于字符串拼接而言，模板字符串提供了更加简洁的方法。下面介绍模板字符的几个特性。1.支持单双引号同时书写模板字符串由反引号“`”包裹，内部可同时书写单双引号2.支持变量引入模板字符串以“${变量}”的形式引入变量3.可解析HTML...
复制链接

扫一扫

专栏目录