主要内容
-
字符串基本操作
- document.write(str.fontcolor(‘red’));
- document.write(str.fontsize(45));
- document.write(str.sub());
- document.write(str.sup());
- ……
-
字符串拼接
- str3.concat(“world”);
- alert(str3+‘world’);
- str2.join("+")
-
字符串查找
- str.indexOf(‘h’,3)
- str.lastIndexOf(‘h’,3)
- str.search(/abc/i)
-
字符串替换
- str3.replace(/a/ig,‘hhhhhh’)
-
字符串分割
- str.substring(2,4)
- str.split(" ",3)
-
字符串大小写
- str.toLowerCase()
- str.toUpperCase()
代码
<!DOCTYPE html>
<html>
<head>
<title>字符串的使用</title>
<style type='text/css'>
</style>
<script type="text/javascript">
// =====================================================================
// 字符串基本操作
// var str = "hello world!";
// // 用大号字体显示字符串
// document.write(str.big()+'<br>');
// // 显示闪动字符串IE下无效
// document.write(str.blink()+'<br>');
// // 使用粗体显示字符串
// document.write(str.bold()+'<br>');
// // 以打字机文本显示字符串
// document.write(str.fixed()+'<br>');
// // 以删除线来显示字符串
// document.write(str.strike()+'<br>');
// // 使用指定颜色来显示字符串
// document.write(str.fontcolor('red')+'<br>');
// // 使用指定字体大小来显示字符串
// document.write(str.fontsize(45)+'<br>');
// // 将字符串显示为链接
// document.write(str.link()+'<br>');
// // 把字符串显示为下标
// document.write(str.sub()+'<br>');
// // 把字符串显示为上标
// document.write(str.sup()+'<br>');
// // str.charAt(3)显示下标为3得字母
// console.log(str.charAt(3));//108
// // str.charCodeAt(3)显示下标为3得字母得ASCII值
// console.log(str.charCodeAt(3));
// // String.fromCharCode(ASCII值)
// // 返回ASCII对应得字母
// document.write(String.fromCharCode(99));
// var str2 = String.fromCharCode(97,98,99);
// document.write(str2);
// =====================================================================
// str3.concat("world") 字符串得拼接,返回拼接后得字符串,生成新得字符串
// var str3= "hello ";
// var str2=str3.concat("world");
// alert(str2)//hello world
// alert(str3)//hello
// // 一般使用字符串拼接符 +
// alert(str3+'world');//hello world
// =====================================================================
// 字符串的查找
// indexOf()
// indexOf(字符串,开始查找的位置) 两个参数
// 返回子串第一次的字符串中出现的位置,否则返回-1
// var str ="abcdefg";
// alert(str.indexOf('bcd'));//1
// alert(str.indexOf('h',3));//-1
// -------------------------------------------------------------
// lastindexOf()
// lastindexOf(字符串,开始查找的位置) 两个参数
// 返回子串最后一次的字符串中出现的位置,否则返回-1
// var str ="abcabcabcabc";
// alert(str.lastIndexOf('abc'));//9
// alert(str.lastIndexOf('h',3));//-1
// -------------------------------------------------------------
// search(子串) 可以是正则表达式
// 子串写法 "abc" /abc/
// /abc/ig i 忽略大小写 g全局搜索
// var str ="Abcabcabcabc";
// alert(str.search("abc"));//3
// alert(str.search(/abc/));//3
// alert(str.search(/abc/i));//0
// =====================================================================
// replace()字符串替换
// replace(匹配的字符串|正则表达式,替换为的新表达式)
// 返回值是替换完成后新生成的字符串
// var str ="a b c d";
// var str2 = str.replace('b',"hhhhh");//a hhhhh c d
// // alert(str2);
// var str3 ="a b c d a a a";
// var str4 = str3.replace('a',"hhhhh");
// alert(str4);//hhhhh b c d a a a 无法进行全局替换
// str3 ="A b c d a a a";
// var str5 = str3.replace(/a/ig,'hhhhhh');
// alert(str5);//hhhhhh b c d hhhhhh hhhhhh hhhhhh
// =====================================================================
// 字符串分割
// substring()
// substring(开始的下标,结束的下标)
// 返回分割后的新字符串
// var str = "hello word";
// var str2 = str.substring(2,4);
// alert(str2);//ll
// -------------------------------------------------------------
// split()
// split(分隔符,生成的字符长度)
// 如果为""会分割为单个字符
// 返回的是一个字符串数组 字符串=>数组
// var str = "hello word hhhh hh hhhh";
// var str2 = str.split(" ");//hello,word,hhhh,hh,hhhh
// var str3 = str.split(" ",3);//hello,word,hhhh
// var str4 = str.split("");//h,e,l,l,o, ,w,o,r,d, ,h,h,h,h, ,h,h, ,h,h,h,h
// alert(str2);
// alert(str3);
// alert(str4);
// -------------------------------------------------------------
// 数组=>字符串
// join()
// var str = "hello word hhhh hh hhhh";
// var str2 = str.split(" ");//hello,word,hhhh,hh,hhhh
// alert(str2.join("+"));//hello+word+hhhh+hh+hhhh
// -------------------------------------------------------------
// 字符串大小写问题
// var str = "HELLO world";
// alert(str.toLowerCase());//hello world
// alert(str.toUpperCase());//HELLO WORLD
</script>
</head>
<body>
<!-- <input type="button" value="按钮" id="btn"> -->
</body>
</html>