前端小白-----ES6之字符串模板

前言：只要坚持就会胜利--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