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

前言:只要坚持就会胜利--Coldfront-小白菜 既是总结也是一种分享 分享内容:ES6 字符串模板 案例1:var Musics=[{music:"六月的雨",singer:"胡歌",Album:"《六月的雨》"},{music:"认真",sin...

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

  • 发表于 2019-05-25 20:40
  • 阅读 ( 160 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除