微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js ES6-字符串模板 字符串新增方法

模板字符串的基本用法: 

  let html = "<html><head></head><body><p>asdkfuhia</p></body></html>"
  console.log(html)       //<html><head></head><body><p>asdkfuhia</p></body></html>
  //没有一点格式。看起来很混乱

  //模板语法:Esc键上的单引号:``.
    let html = `<html>
                  <head>
                  </head>
                  <body>
                    <p>${str}</p>
                  </body>
                </html>`

    console.log(html) 
                              //<html>
                              //    <head>
                              //    </head>
                              //    <body>
                              //        <p>asdkfuhia</p>
                              //    </body>
                              //</html>
    //模板语法可以保留html树形格式。

模板字符串传值:

//模板语法传值:${ str }
    let className = "text";
    let str = "今天天气很好";
    let html = `<html>
                  <head>
                  </head>
                  <body>
                    <p class="${className}">${str}</p>
                  </body>
                </html>`

    console.log(html) 
                              //<html>
                              //    <head>
                              //    </head>
                              //    <body>
                              //        <p class="text">今天天气很好</p>
                              //    </body>
                              //</html>

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐