String字符串

1    字符串的两种创建方式(常量和构造函数)

      var  str  =  "hello javascript";

      var  str  =  new String    ("hellojavascript");


2    字符串的属性:

    str.length        //字符串的长度


3    字符串常见API(indexOf/charAt/substring/slice/split/replace)

    1  indexOf(data,start);   //用于返回某个数组或者字符串中规定字符或者字符串的位置;

        var str = "abcdefg”;

        str.indexOf("a");//0返回当前查询字符所在的位置的下标,如无,返回-1,start表示从第几位开始查询。

    2.charAt(index);         //返回指定位置的字符,index为下标

    3.substr(n,m);           

    4.substring(n,m);        //返回从指定位置n,到结束位置(不含)m 的字符串,如果不指定结束位置,则从开始位置到结尾

    5.slice(n,m);            //同substring,需要注意和数组中方法slice()的相似

    6.split("-");            //通过指定字符分割字符串,返回一个数组

    7.replace("需要替换的字符串","替换之后的字符串")    //将字符串中的一些字符替换为另外一些字符。最好配合正则使用

    这是其他的string方法


4  字符串的案例

    js的重要作用之一----交互----人机交互(事件)----服务器交互(ajax)


    服务器交互,从服务器获取数据,数据的处理方式,将json----转换成字符串操作。

    案例:商品列表

    字符串操作重要性不言而喻!

    字符串的操作:从1+1=2到1+1=11,有什么样的区别




String字符串_第1张图片

如何解决?


先写html结构


String字符串_第2张图片

就这么少?

对,你没看错,实现上图的html结构只有一个div即可


我们可以先把其中的一个结构写出来,如下


String字符串_第3张图片


来处理css样式

String字符串_第4张图片

    在处理js部分

    

String字符串_第5张图片

打开页面,效果就完成了

你可能感兴趣的:(String字符串)