美文网首页
JavaScript案例分析:indexOf ( )方法、tes

JavaScript案例分析:indexOf ( )方法、tes

作者: kuro_shek | 来源:发表于2018-06-23 16:28 被阅读0次
    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>
    以上代码分别从字符串“Hello world!”中输出:
    第一条代码输出: 0 //大写H出现在第一位,故记为“0”(下标)
    第二条代码输出: -1 //由于该方法对大小写敏感,原字符串中没有以大写开头的World,故记为“-1”(不存在)
    第三条代码输出: 6 //空格也算作一位数,所以从下标0开始,出现小写world的是字符串的第6位
    第四条代码输出: 3 //lo首次出现在下边3的位置,故输出l的下标位置

    示例2,点击事件,通过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 ( ) 方法 验证字符串中是否有某一个字符 (该方法对大小写敏感,返回值是布尔值)

    示例:


    image.png

    相关文章

      网友评论

          本文标题:JavaScript案例分析:indexOf ( )方法、tes

          本文链接:https://www.haomeiwen.com/subject/rktdyftx.html