前端小白-----ES6之字符串模板
2024-09-03 22:44:26
前言:只要坚持就会胜利--Coldfront-小白菜
既是总结也是一种分享
分享内容:ES6 字符串模板
案例1:var Musics=[{music:"六月的雨",singer:"胡歌",Album:"《六月的雨》"},{music:"认真",singer:"未知",Album:"《认真》"}]
window.onload=function(){
let ul1=document.querySelector("#ul1");
for(let i=0;i<Musics.length;i++){
let li1=document.createElement(" li ");
li1.innerHTML=`<span>歌曲:${Music[i].music} 歌手:${Musics[i].singer}专辑:${Musics[i].Album}<span/>`//ES6字符串模板
//li1.innerHTML="歌曲"+Musics[i].music+"歌手:"+Musics[i].music+"专辑"+Musics[i].Album; //传统的方式
ul1.appendChild(li1);
}
}
补充:一些内置的函数:startsWith(检测的东西);检测字符串需要检测的东西,如果检测有这个内容,返回true,否则返回false
最新文章
- Arduino 翻译系列 - LED 灯闪烁
- [stm32] STM32的通用定时器TIMx系统了解
- cas 单点登录出现org.jasig.cas.client.util.CommonUtils.getResponseFromServer - 拒绝连接 Connection refused
- Java可变参数讲解
- sencha touch pull-refresh-panel 面板下拉刷新
- iOS 国际化
- 转: js操作cookie
- pngfix 实现Png图片透明效果
- Grunt使用心得
- javascript模式——Flyweight
- jQuery Mobile (中)
- android引导页的实现 及跳转到主页面
- Office 365开发环境概览
- Python读取和处理文件后缀为";.sqlite";的数据文件
- [wiki]CDN
- 记录一则enq: TX - row lock contention的分析过程
- 手把手 git建立仓库,远程推拉及常用git命令和部分Linux命令集锦
- 校园电商项目4——SSM各项配置
- readlink: command not found 解决方案
- mysql批量插入数据优化
热门文章
- 值得研究的J2EE开源项目推荐
- Dubbo报org.I0Itec.zkclient.exception.ZkNoNodeException异常
- Leetcode796.Rotate String旋转字符串
- Oracle函数——MINUS
- 笔记: CC2540 和 CC2541 的区别
- bzoj4152 The Captain
- 在window.onload中使用setTimeout
- <;Mysql必知必会>; ---- 笔记
- Java练习 SDUT-1133_模拟计算器
- 直击 KubeCon 现场 | 阿里云 Hands-on Workshop 亮点回顾