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,有什么样的区别




18905690-597748af26504a21.png

如何解决?


先写html结构


18905690-e56aa389bd568cc3.png

就这么少?

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


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


18905690-e76e57b428f6368b.png


来处理css样式

18905690-8c7058ab617de35c.png

    在处理js部分

    

18905690-d93538fc5571042b.png

打开页面,效果就完成了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值