| 1234567891011121314151617181920212223242526272829303132333435363738 |
- <!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">
- </div>
- <script>
- var num = 10;
- var oBox = document.getElementById("box");
- // oBox.innerHTML = "<ul><li class='list-item'>"+ num +"</li><li>b</li><li>c</li></ul>";
- //模版字符串 内部不区分单引号双引号 支持换行 使用变量${}
- oBox.innerHTML = `<ul class="ul-style" >
- <li class='li-style'>${num}</li>
- </ul>`
- var str = "hello world";
- var str2 = "ab"
- // console.log(str.includes("w"));
- // 判断当前字符串是否以制定的字母开头
- // console.log(str.startsWith("he"));
- // 判断当前字符串是否以制定的字母结尾
- // console.log(str.endsWith("rld"));
-
- // console.log(str2.repeat(3));
- // 填充方法，向前填充 接收两个参数第一个代表填充长度（包含原有字符串长度），第二个参数以制定的字符进行填充
- console.log(str2.padStart(10,"xy"));
- // 填充方法，向后填充 接收两个参数第一个代表填充长度（包含原有字符串长度），第二个参数以制定的字符进行填充
- console.log(str2.padEnd(10,"xy"));
- </script>
- </body>
- </html>
|
