当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 前端小白-----ES6之字符串模板

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

2019年05月26日  | 移动技术网IT编程  | 我要评论

千千静听官方,ktv歌曲打包下载,韵达快递单号查询跟踪

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网