相关文章推荐
完美的海龟  ·  SCI级别的箱线图—带有差异检验p值的箱线图 ...·  4 月前    · 
爱看书的钥匙  ·  数据处理-生成变量-SPSSPRO帮助中心·  4 月前    · 
礼貌的啄木鸟  ·  数据处理-生成变量-SPSSPRO帮助中心·  4 月前    · 
坚强的茶叶  ·  数据处理-数据编码-SPSSPRO帮助中心·  4 月前    · 
很拉风的小狗  ·  React中如何在FileReader的on ...·  3 月前    · 
坚韧的甜瓜  ·  马朝旭:党的十八大以来 元首外交气势恢宏-- ...·  1 年前    · 
悲伤的沙滩裤  ·  追求男女平等的女权,为何在网上争议不断?_女 ...·  1 年前    · 
憨厚的水煮肉  ·  地铁延长运营时间 ...·  1 年前    · 
坐怀不乱的小笼包  ·  携带多种致命病毒,蝙蝠为何能活的很好?_科学 ...·  2 年前    · 
咆哮的墨镜  ·  杀手寓言 第二章 - 知乎·  2 年前    · 
Code  ›  JS的字符串插值,变量长文本换行开发者社区
js js代码 变量
https://cloud.tencent.com/developer/article/1556294
小眼睛的仙人球
3 年前
作者头像
宣言言言
0 篇文章

JS的字符串插值,变量长文本换行

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 宣言(Siam)博客 > JS的字符串插值,变量长文本换行

JS的字符串插值,变量长文本换行

作者头像
宣言言言
发布 于 2019-12-19 13:56:28
3.2K 0
发布 于 2019-12-19 13:56:28
举报

苦逼的PHPer要写前端

作为一个PHPer,经常需要在html中写js jq来解析数据,形成列表、选项等等。

(谁让我们PHPer还要兼顾页面呢?? 又不会Vue,只能这样子讨讨生活。)

那么就经常遇到Html代码拼接,或者字符串拼接,可能是这样子的问题

let html = "";
for(...){
    html += "<li> " + data.name + "</li>";
}

这种还是简单的,只有一个li,如果是2层、3层的div嵌套,那么这里就会是一团糟糕

有没有优雅一点的写法呢,比如php中的

$text = <<<xml
>>>

字符串插值特性

一些语言提供了字符串插值,幸运的是,JavaScript 正是其中之一。

let name = 'siam';
 
推荐文章
完美的海龟  ·  SCI级别的箱线图—带有差异检验p值的箱线图绘制 – 云生信
4 月前
爱看书的钥匙  ·  数据处理-生成变量-SPSSPRO帮助中心
4 月前
礼貌的啄木鸟  ·  数据处理-生成变量-SPSSPRO帮助中心
4 月前
坚强的茶叶  ·  数据处理-数据编码-SPSSPRO帮助中心
4 月前
很拉风的小狗  ·  React中如何在FileReader的onload回调中访问局部变量startInt
3 月前
坚韧的甜瓜  ·  马朝旭:党的十八大以来 元首外交气势恢宏--中国共产党第二十次全国代表大会专题报道--人民网
1 年前
悲伤的沙滩裤  ·  追求男女平等的女权,为何在网上争议不断?_女性_平均主义_男人
1 年前
憨厚的水煮肉  ·  地铁延长运营时间 公交开行23条旅游专线……十项便民交通措施保障节日出行_信息提示_首都之窗_北京市人民政府门户网站
1 年前
坐怀不乱的小笼包  ·  携带多种致命病毒,蝙蝠为何能活的很好?_科学普及_泗洪县自然资源和规划局
2 年前
咆哮的墨镜  ·  杀手寓言 第二章 - 知乎
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号