码迷,mamicode.com
首页 > 其他好文 > 详细

3.模板字符串

时间:2020-05-28 22:01:40      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:UNC   func   doc   tor   selector   tar   let   class   模板   

模板字符串

  用反引号 `,变量用${}

const oBox = document.querySelector(.box);
   let id = 1,
       name = 小马哥;
   let htmlStr = `<ul>
       <li>
          <p id=${id}>${name}</p>
        </li>
      </ul>`;
        oBox.innerHTML = htmlStr;

渲染结果

<div class="box">

  <ul>
    <li>
      <p id="1">小马哥</p>
    </li>
  </ul>

</div>

字符串中调用函数

function f(){
  return "have fun!";
}
let string2= `Game start,${f()}`;
console.log(string2);  // Game start,have fun!

 

3.模板字符串

标签:UNC   func   doc   tor   selector   tar   let   class   模板   

原文地址:https://www.cnblogs.com/sunny666/p/12983914.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!