前端设计

模板字符串

2023-01-13

模板字符串

模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。


模板字符串的优点

1、字符串新写法 加强版的引号

console.log(`好好学习 \n 天天向上`);


2、内容中可以直接出现换行符

console.log(`好好学习 

天天向上`);


3、字符串中嵌入变量

let name=`黄天霸`;

let skill=`杀富济贫`;

document.write(`<font color="red">${name}</font>的主要技能是${skill}<br>`);


4、转义符

document.write(`\`哈哈\``);


5、保留空格

let str=`<ul style="list-style:none;">

<li>沈腾</li>

<li>玛丽</li>

<li>艾伦</li>

</ul>`;

console.log(str);

document.getElementById("result").innerHTML=str;


相关的其它用法、方法

includes()

返回布尔值,表示是否找到了参数字符串


// 监测浏览器

if(navigator.userAgent.includes('Chrome')){

alert("当前浏览器是chrome");

}else if(navigator.userAgent.includes('Firefox')){

alert("是Firefox")

}