【hi,欢迎来Kuro Shek的blog! 文中的标注及功能实现的思路,均是自己整理的,难免出现纰漏。在此恳请各路大神斧正,感谢!】
indexOf ( )方法 查找字符串(该方法对大小写敏感,空格也算一个字符)
示例1:
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world")) + "<br />")
document.write(str.indexOf("lo") + "<br />")
</script>
第一条代码输出: 0 //大写H出现在第一位,故记为“0”(下标)
第二条代码输出: -1 //由于该方法对大小写敏感,原字符串中没有以大写开头的World,故记为“-1”(不存在)
第三条代码输出: 6 //空格也算作一位数,所以从下标0开始,出现小写world的是字符串的第6位
第四条代码输出: 3 //lo首次出现在下边3的位置,故输出l的下标位置
---
示例2,img标签绑定点击事件,通过index()方法进行图片的变换(图片文件名的变换):
var img = document.getElementsByTagName('img')[0];
img.onclick = function(){
//if...else判断
if (this.src.indexOf('c11')>=0) {
//indexOf('c11')>=0,即判断关键字c11是否存在
//大于"0",即代表存在
this.src = 'img/c12-s.png';
} else{
this.src = 'img/c11-s.png';
}
};
test ( ) 方法 验证字符串中是否有某一个字符 (该方法对大小写敏感,返回值是布尔值)
示例:
<script type="text/javascript">
var str = 'sdfjient8ieef23';
var reg = /8/;
//判断字符串是否存在的test()方法,存在返回true,不存在返回false
alert(reg.test(str));//alert弹窗返回值:true
</script>
判断字符串中是否有数字“8”,有即返回(弹窗)布尔值true;
exec( ) 方法 (寻找符合条件的字符串并返回,匹配失败返回null;该方法对大小写敏感)
示例:
var btn = document.getElementById('btn');
btn.onclick = function(){
var ipt = document.getElementById('ipt').value;
var reg = /\d\d\d/; //三个连续的数字,与[0-9]等价,此处也可写为:/[0-9][0-9][0-9]/
console.log(reg.exec(ipt));
}