美文网首页
2019-04-15字符串

2019-04-15字符串

作者: 果冻_4c9b | 来源:发表于2019-04-18 09:15 被阅读0次
       <!DOCTYPE html>
       <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            // str.length()空格也占长度
            // str.charAT(i)根据索引查找字符串的的字符,没有什么也不显示
            // alert(str.charCodeAt(1));// 返回unicode码
            // alert(String.fromCharCode(21069)); //返回unicode码代表的字符
            // alert(str.charCodeAt());// 0-9 48-57
            //alert(str.charCodeAt());// a-z 97-122
            //alert(str.charCodeAt());// A-Z 65-90
            //alert(str.indexOf('2'));
            var str = '啊信息有限信息有限信息有限';
            var son = '信息';
            var index = str.indexOf(son); // -1 不是-1
            while (index != -1) {
                console.log(index);
                // 再找
                index = str.indexOf(son, index + 1);
            }
        </script>
    </body>
    </html>
    

    字符串截取

    <!DOCTYPE html>
      <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            // substring()  slice();
            var str='山东省大发大发第三方水电费撒旦分d';
       //           console.log(str.substring(2,4));
      //            console.log(str.slice(2,4));
            // console.log(str.substring(-4));负数相当于0
            // console.log(str.slice(-4)); 从倒数的第四个截取
            
        </script>
       </body>
      </html>
    

    练习题

     <!DOCTYPE html>
       <html>
         <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            #box,
            #box1 {
                width: 300px;
                border: #0000FF 5px solid;
                padding: 30px;
                margin: 0 auto;
                background: #7B7B7B;
            }
        </style>
    </head>
    <body>
        <div id="box1">
            <span>东方闪电李开复金额考虑是否落实到就分开
                了速度激发;ldsfkldjfldsjlfjsd第
                三防守端开发 斯蒂芬多少;父级第三;
                冷风机撒旦;解放东路;可见fsdlkjfdslk
                flsd
            </span>
            <a href="javascript:;">收缩</a>
        </div>
    
        <script type="text/javascript">
            obox1 = document.getElementById('box1');
            var aSpan = obox1.getElementsByTagName('span')[0];
            var aA = obox1.getElementsByTagName('a')[0];
            var text = aSpan.innerHTML;
            var off = true;
            aA.onclick = function() {
                if (off) {
                    aSpan.innerHTML = aSpan.innerHTML.slice(0, 18);
                    aA.innerHTML = '展开';
                } else {
                    aSpan.innerHTML = text;
                    aA.innerHTML = '收缩';
                }
                off = !off;
            }
        </script>
    </body>
     </html>
    

    字符串之split

    <!DOCTYPE html>
      <html>
      <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            var str='浮动广浮动';
            // 切
            var arr=str.split('浮');
            console.log(arr);
            // 拼
            console.log(arr.join('浮'));
        </script>
    </body>
      </html>
    

    相关文章

      网友评论

          本文标题:2019-04-15字符串

          本文链接:https://www.haomeiwen.com/subject/qpmpwqtx.html