|
|
@@ -0,0 +1,52 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div id="box">
|
|
|
+ <!-- <h1 id="test-h1">hello</h1> -->
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ // var str = "hello";
|
|
|
+ // var oBox = document.getElementById('box');
|
|
|
+ // // var oH1 = "<h1 id='test-h1'>"+str+"</h1>";
|
|
|
+ // // 模版字符串
|
|
|
+ // let oH1 = `<h1 id="test-h1">${str}</h1>`;
|
|
|
+
|
|
|
+ // oBox.innerHTML = oH1;
|
|
|
+
|
|
|
+ // var str = "hello";
|
|
|
+ // console.log(str.includes("o"));
|
|
|
+ // console.log(str.indexOf("x"));
|
|
|
+ // 判断当前字符串是否以某个字符串开头
|
|
|
+ // console.log(str.startsWith("he"));
|
|
|
+ // 判断当前字符串是否以某个字符串结尾
|
|
|
+ // console.log(str.endsWith("lo"));
|
|
|
+ // 重复字符串
|
|
|
+ // console.log(str.repeat(3));
|
|
|
+ // padStart 从头部开始填充 第一个参数使当前字符串变成多长第二个参数是填充的字符串
|
|
|
+ // console.log(str.padStart(10,"ab"));
|
|
|
+ // padEnd 从尾部开始填充
|
|
|
+ // console.log(str.padEnd(10,"ab"));
|
|
|
+
|
|
|
+ // var str = " hello ";
|
|
|
+ // console.log(str);
|
|
|
+ // trim 去除字符串两端的空格
|
|
|
+ // console.log(str.trim());
|
|
|
+ // trimStart 去除字符串前端的空格
|
|
|
+ // console.log(str.trimStart());
|
|
|
+ // trimEnd 去除字符串后端空格
|
|
|
+ // console.log(str.trimEnd());
|
|
|
+
|
|
|
+ // var str = "hello";
|
|
|
+ // console.log(str.charAt(0));
|
|
|
+ // console.log(str.at(0));
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
