lovecoding
/
web0715


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
							<!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"));

        var str = "abc"
        // 去除字符串空格
        // console.log(str.trim());
        // console.log(str.trimEnd());
        // console.log(str.trimStart());
        var n = str.charAt(1);
        console.log(n);
        console.log(str.at(-1));

    </script>
</body>
</html>