es6html模板,js 字符串模板 ES6

字符串模板

//js中 单双引号字符串 不能解析变量

var num = 100;

var html = "

" + num + "";

console.log(html);

//ES6语法 反引号(倒引号) 解析变量： ${变量名} 变量占位符

//反引号： 英文输入法，左上角的波浪号键

var num = 100;

var str = 'hello';

var html = `

${num}---${str}`;

console.log(html);

//反引号字符串，可以换行

var str = 'hello,world';

var str = `hello,

world`;//适合在大段标签拼接时，既要语法对，又要方便阅读

console.log(str);

//示例：拼接tr td标签

var tr = `

12

`;

console.log(tr);

标签：ES6,console,log,html,js,num,str,var,模板

来源： https://www.cnblogs.com/dazahui/p/14446345.html