~~~
<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：文字的查找和替换
