模板字符串---笔记

模板字符串

模板字符串（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")
			}

startsWith

判断头部是否包含字符串

let s="Hello world!";
			console.log(s.startsWith("Hello"));
			console.log(s.startsWith("Hello",0));

endsWith

判断尾部是否包含字符串

console.log(s.endsWith("world!"));
			console.log(s.endsWith("world!",12));

repeat

方法返回一个新字符串，表示将原字符串重复n次

let t="hello<br>";
			document.write(t.repeat(10))