1??? 字符串的兩種創(chuàng)建方式(常量和構(gòu)造函數(shù))
? ? ? var? str? =? "hello javascript";
? ? ? var? str? =? new String? ? ("hellojavascript");
2????字符串的屬性:
? ? str.length?? ?? ? //字符串的長度
3????字符串常見API(indexOf/charAt/substring/slice/split/replace)
? ? 1??indexOf(data,start);? ?//用于返回某個數(shù)組或者字符串中規(guī)定字符或者字符串的位置;
?? ?? ??var str =?"abcdefg”;
? ??? ? str.indexOf("a");//0返回當前查詢字符所在的位置的下標,如無妄田,返回-1锡凝,start表示從第幾位開始查詢阎肝。
? ? 2.charAt(index);?? ??? ? //返回指定位置的字符,index為下標
? ? 3.substr(n,m);? ? ? ? ? ?
? ? 4.substring(n,m);?? ?? ? //返回從指定位置n渐北,到結(jié)束位置(不含)m 的字符串筛璧,如果不指定結(jié)束位置牛欢,則從開始位置到結(jié)尾
? ? 5.slice(n,m);?? ??? ?? ? //同substring音比,需要注意和數(shù)組中方法slice()的相似
? ? 6.split("-");?? ??? ??? ?//通過指定字符分割字符串,返回一個數(shù)組
? ? 7.replace("需要替換的字符串","替換之后的字符串")? ? //將字符串中的一些字符替換為另外一些字符氢惋。最好配合正則使用
4? 字符串的案例
????js的重要作用之一----交互----人機交互(事件)----服務器交互(ajax)
? ? 服務器交互洞翩,從服務器獲取數(shù)據(jù),數(shù)據(jù)的處理方式焰望,將json----轉(zhuǎn)換成字符串操作骚亿。
? ? 案例:商品列表
? ? 字符串操作重要性不言而喻!
? ? 字符串的操作:從1+1=2到1+1=11熊赖,有什么樣的區(qū)別
如何解決来屠?
先寫html結(jié)構(gòu)
就這么少?
對,你沒看錯俱笛,實現(xiàn)上圖的html結(jié)構(gòu)只有一個div即可
我們可以先把其中的一個結(jié)構(gòu)寫出來捆姜,如下
來處理css樣式
? ? 在處理js部分
? ??
打開頁面,效果就完成了