~~~
<script>
var str = 'A前臺技術';
// alert(str.length);空格占長度
// alert(str.charAt(2));//找不到的話什么也不顯示
// alert(str.charCodeAt());// 返回unicode碼
// alert(String.fromCharCode(22945)); 返回unicode碼代表的字符
// alert(str.charCodeAt());// 0-9 48-57
// alert(str.charCodeAt());// a-z 97-122
// alert(str.charCodeAt());// A-Z 65-90
</script>
~~~
***
### indexOf
課堂練習-1：查看字符串出現的所有位置
~~~
<script type="text/javascript">
var str = 'xxxx信息有限公司，IT培訓，xxxx信息有限公司，IT培訓，xxxx信息有限公司，IT培訓，xxxx信息有限公司，IT培訓，xxxx有限公司，IT培訓，';
var s = 'xx';
var i = 0;
while(str.indexOf(s,i)!= -1){
alert(str.indexOf(s,i));
i = str.indexOf(s,i)+ s.length;
}
</script>
~~~
### lastIndexOf
~~~
<script>
var str = 'xxxx信息有限公司，IT培訓，xxxx信息有限公司，IT培訓，xxxx信息有限公司，IT培訓，'xxxx信息有限公司，IT培訓，xxxx信息有限公司，IT培訓，';
// str.indexOf(xx',2);// 從左向右找
// 從右向左找,負數默認是0，第二個參數是從前n位找
// alert(str.lastIndexOf('東軟',0));
</script>
~~~
### 字符串截取
~~~
<script>
//substring,slice
var str = xxx是一支獨具特色的IT培訓團隊';
// alert(str.substring(4));//是一支獨具特色的IT培訓團隊
// alert(str.substring(0,2));
// alert(str.substring(2,0));//與上面等效，有自動檢測
// alert(str.substring());//默認從頭截取到最后，里面寫0也是
// alert(str.substring(-3,2));//負數默認當成0處理
// alert(str.substring(2,-3));//自動檢測，與上面等效
// alert(str.slice(0,2));
// alert(str.slice(2,0));//不會交換位置，找不到
// alert(str.slice(-2));//從末尾找
// alert(str.slice(-2,-4));//找不到
// alert(str.slice(-4,-2));//培訓
</script>
~~~
課堂練習-2：字符串截取練習
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
p{width:580px;border:10px solid #c0c0c0;background: #fc6c31;margin:30px auto;padding:20px 10px;}
</style>
<script>
window.onload = function () {
var oP = document.getElementsByTagName('p')[0];
var oSpan = oP.getElementsByTagName('span')[0];
var oA = oP.getElementsByTagName('a')[0];
var str = oSpan.innerHTML;//保存
var onOff = true;
oA.onclick = function () {
if(onOff){
oSpan.innerHTML = str.substring(0,18);
oA.innerHTML = '>>>展開';
}else{
oSpan.innerHTML = str;
oA.innerHTML = '<<<收縮';
}
onOff = !onOff;
}
}
</script>
</head>
<body>
<p>
<span>
xxxx是一支獨具特色的IT培訓團隊，xxxx是一支獨具特色的IT培訓團隊，
xxxx是一支獨具特色的IT培訓團隊，xxxx是一支獨具特色的IT培訓團隊，xxxx是
一支獨具特色的IT培訓團隊，xxxx是一支獨具特色的IT培訓團隊，xxxx是一支獨具特
色的IT培訓團隊，xxxx是一支獨具特色</span>....<a href="javascript:;"><<<收縮 </a>
</p>
</body>
</html>
~~~
課堂練習-3：文字的查找和替換
