2019-04-15字符串

作者: 果冻_4c9b | 来源:发表于2019-04-18 09:15 被阅读0次

【每日经济学人】2019-04-15
CSS变形与动画
CSS列表样式
2019-04-15字符串
川渝游记（五）
2019-4-15晨间日记
CSS边框与背景属性
Mr. L 的ScalersTalk第四轮《新概念》朗读持续力训
lyshop学习笔记五-商品规格管理
day14

   <!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>