JS(一)
chatAt()
alert(str.length);
alert(str.chatAt())//括号里面没有值默认弹出第一个字符。超过str.length-1或小于0弹出框无值
chatCodeAt()可返回指定位置的字符的 Unicode 编码
fromCharCode()可返回Unicode编码响应的字符
str.fromChatCode(47,98);
chat、chatCodeAt、fromCharCode应用练习:
1、简易加密
2、检测数字串
indexOf//从左往右找
alert(str.indexOf('m'))//在字符串的位置
alert(str.indexOf('m',5))//第5个位置后的m
str.indexOf('m',500)//超出str.length时返回-1,找不到也返回-1
str.indexOf('mm',5)
lastIndexOf//从右往左找,如果第二个值为负数,默认当成0来处理
比较类
alert('括号'>'花括号')比较‘括’和‘花’的Unicode编码谁大
alert('括'.charCodeAt())
alert('abbb'>'b')//false
alert('10000'>'2')//false
alert('10000'>2)//true
截取类:
substring
str.substring(4)//截取第四位之后的字符串
str.substring(0,4)//截取第0到第四个
str.substring(4,0)//检测两个参数的大小。
str.substring(-3,2)//-3当作0来处理
slice
与substring差不多
不同点:
不交换参数位置
srt.slice(-2)//从后面倒着往前数
截取了类应用
文本收缩展开
toUpperCase()//把字符串转换为大写
toLowerCase()//把字符串转换为小写
<div id="div1" onclick="alert(this.innerHTML)"><p>这是一段文字</p></div>
如果要拿div里面的东西做判断的话,在ie7下弹出的是大写,这时候就可以用大小写转换
split
str='www.cnblogs.com'
str.split('.')//以点为分割符,把字符串分成数组长度为3的数组,['www','cnblogs','com']
,typeof为object
var str1='leo';
str1.split()//['leo'];
str1.split('')//['l','e','o'];
var str2='2017-6-26-14-09';
alert(str2.split('-',3));//截取['2017','6','26']
join()//把数组变成字符串
var arr=['11','22','33'];
arr.join()//默认情况下用‘,’连接,“11,22,33”
arr.join(‘’)//“112233”
arr.join(‘-’)//11-22-33
arr.joina().length为8
split、join应用
//字符串查找
<style>
span{
background:#FC0;
}
</style>
</head>
<body>
<input type="text"/>
<input type="button" value="搜索"/>
<p>
本书提供了许多简单易懂、主题鲜明的示例,介绍了大量最佳实践和良好编程习惯,对提高代码可读性、可维护性均有很高的价值,并且对很多跨浏览器兼容问题进行了详细说明,追踪了新规范的发展。
本书适合于希望通过JavaScript为自己的网页/网站添加活力的读者,不管你是否有编程经验,通过阅读本书都能够很快地掌握这一技术。在阅读本书之前,最好对CSS、HTML/XHTML有所了解。
</p>
<script>
var inputs=document.getElementsByTagName("input");
var p=document.getElementsByTagName("p")[0];
inputs[1].onclick=function(){
var str=inputs[0].value;
if(!str)return;
p.innerHTML=p.innerHTML.split(str).join('<span>'+str+'</span>');
}
</script>
</body>
//字符串替换
<style>
span{
background:#FC0;
}
</style>
</head>
<body>
<input type="text"/>
<input type="text"/>
<input type="button" value="替换"/>
<p>
本书提供了许多简单易懂、主题鲜明的示例,介绍了大量最佳实践和良好编程习惯,对提高代码可读性、可维护性均有很高的价值,并且对很多跨浏览器兼容问题进行了详细说明,追踪了新规范的发展。
本书适合于希望通过JavaScript为自己的网页/网站添加活力的读者,不管你是否有编程经验,通过阅读本书都能够很快地掌握这一技术。在阅读本书之前,最好对CSS、HTML/XHTML有所了解。
</p>
<script>
var inputs=document.getElementsByTagName("input");
var p=document.getElementsByTagName("p")[0];
inputs[2].onclick=function(){
var str=inputs[0].value;
var str1=inputs[1].value;
if(!str)return;
p.innerHTML=p.innerHTML.split(str).join('<span>'+str1+'</span>');
}
</script>
总结:
var str='今天天气很好,vEry~nice.orz.com';
str.charAt(1); //'天'
str.charCodeAt(1); //天的Unicode编码
String.fromCharCode(97,48)
str.indexOf('c',15); //21
str.lastIndexOf('o') //22
str.substring(0,5)//'今天天气很好'
slice(-3);//'com
str.toUpperCase(); //'今天天气很好,VERY~NICE.ORZ.COM'
str.toLowerCase(); //'今天天气很好,very~nice.orz.com'
str.split('.',2); //['今天天气很好,vEry~nice','orz']
var arr=['www','zsw','com'];
arr.join('.'); //'www.zsw.com'