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

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,349评论 0 5
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • js基础篇(一)——数组的各种操作js基础篇(三)——DOM的各种操作 1. 创建字符串 一个字符串用于存储一系列...
    hanyuntao阅读 972评论 0 5
  • 鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onc...
    KunMitnic阅读 541评论 0 1
  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 3,085评论 0 0