6_字符串扩展.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <div id="box">
  10. <!-- <h1 id="test-h1">hello</h1> -->
  11. </div>
  12. <script>
  13. // var str = "hello";
  14. // var oBox = document.getElementById('box');
  15. // // var oH1 = "<h1 id='test-h1'>"+str+"</h1>";
  16. // // 模版字符串
  17. // let oH1 = `<h1 id="test-h1">${str}</h1>`;
  18. // oBox.innerHTML = oH1;
  19. // var str = "hello";
  20. // console.log(str.includes("o"));
  21. // console.log(str.indexOf("x"));
  22. // 判断当前字符串是否以某个字符串开头
  23. // console.log(str.startsWith("he"));
  24. // 判断当前字符串是否以某个字符串结尾
  25. // console.log(str.endsWith("lo"));
  26. // 重复字符串
  27. // console.log(str.repeat(3));
  28. // padStart 从头部开始填充 第一个参数使当前字符串变成多长第二个参数是填充的字符串
  29. // console.log(str.padStart(10,"ab"));
  30. // padEnd 从尾部开始填充
  31. // console.log(str.padEnd(10,"ab"));
  32. // var str = " hello ";
  33. // console.log(str);
  34. // trim 去除字符串两端的空格
  35. // console.log(str.trim());
  36. // trimStart 去除字符串前端的空格
  37. // console.log(str.trimStart());
  38. // trimEnd 去除字符串后端空格
  39. // console.log(str.trimEnd());
  40. // var str = "hello";
  41. // console.log(str.charAt(0));
  42. // console.log(str.at(0));
  43. </script>
  44. </body>
  45. </html>