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'
posted @ 2017-06-26 00:34  swift-zsw  阅读(207)  评论(0编辑  收藏  举报