match() 方法，在字符串内找到相应的值并返回这些值，（）内匹配字符串或者正则表达式。

该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

demo1：

<script type="text/javascript">

var str="Hello world!"

document.write(str.match("world") + "<br />")

document.write(str.match("World") + "<br />")

document.write(str.match("worlld") + "<br />")

document.write(str.match("world!"))

</script>

//结果

world

null

null

world!


demo2：
<script type="text/javascript">

var str="1 plus 2 equal 3"

document.write(str.match(/\d+/g))

</script>



输出：




1,2,3


ps.引自http://www.w3school.com.cn/jsref/jsref_match.asp




通过已有的demo可以得出match（）的适用环境，比如if判断中




<!DOCTYPE html>

<html>

<body>

<script>

function changeImage()

{

element=document.getElementById('myimage')

if (element.src.match("bulbon"))

  {

  element.src="/i/eg_bulboff.gif";

  }

else

  {

  element.src="/i/eg_bulbon.gif";

  }

}

</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>

</html>


												


											
JS学习之路之JavaScript match() 方法的更多相关文章
	

    
								
  1. JavaScript match()方法使用
		
    1.JavaScript match() 方法说明http://www.w3school.com.cn/jsref/jsref_match.asp 写法: stringObject.match(sea ...
    
		
    2. 
						
  2. 【温故知新】——BABYLON.js学习之路·前辈经验（二）
		
    前言:在上一篇随笔BABYLON.js学习之路·前辈经验(一)中回顾了组内同事们长时间在Babylon开发实践中的总结出的学习之路和经验,这一篇主要对开发中常见的一些功能点做一个梳理,这里只作为温故知 ...
    
		
    3. 
						
  3. JS学习之路，菜鸟总结的注意事项及错误更正
		
    JavaScript 是一种面向对象的动态语言,它的语法来源于 Java 和 C,所以这两种语言的许多语法特性同样适 用于 JavaScript.需要注意的一个主要区别是 JavaScript 不支持 ...
    
		
    4. 
						
  4. JavaScript match()方法和正则表达式match()
		
    先介绍参数为普通字符串的使用方式,此时match方法的返回值是存放首次匹配内容的数组.如果没有找到匹配结果,返回null.语法结构: 1 str.match(searchvalue)参数解析:(1). ...
    
		
    5. 
						
  5. JavaScript match() 方法
		
    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置. var st ...
    
		
    6. 
						
  6. js学习之路2： JavaScript 变量
		
    1. 变量的创建 首先,可以创建一个变量 var firstVar; 这时候,并没有给它赋值.这个变量还是空的. 然后,我们可以给这个变量赋值. firstVar = 128: 2. 变量的赋值 变量 ...
    
		
    7. 
						
  7. JS学习之路
		
    前言 接触js也有四五年的时间了,对js的认识也逐渐加深,想把自己这几年学习js的经历记录一下. 总则-都是对象,都是引用 在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点 ...
    
		
    8. 
						
  8. python学习之路前端-JavaScript
		
    JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本 ...
    
		
    9. 
						
  9. react.js学习之路四
		
    针对学习react.js中,我感觉最大的疑惑点就是bind(this)的绑定和指向问题了,我被这个问题弄的头昏,有时候调用组件的时候,直接显示undefined,不存在这个组件,当时的心情是崩溃的,整 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 使用IntelliJ IDEA新建Java Web后端resfulAPI模板
			
    初始化项目 打开IntelliJ IDEA,我的版本是Version 2018.1.4.点击Create New Project.在左侧的列表中选择Maven.然后在右侧勾选Create from a ...
    
			
    2. 
						
  2. Cannot retrieve metalink for repository: epel/x86_64. Please verify its path and try again 解决方法
			
    vim /etc/yum.repos.d/epel.repo 1 [epel] 2 name=Extra Packages for Enterprise Linux 7 - $basearch 3 # ...
    
			
    3. 
						
  3. MySQL社区版升级到Percona Server
			
    出于磁盘空间的考虑,在调研以后把磁盘空间紧张的库的引擎改为tokudb,(在改为tokudb引擎之前是innodb引擎,已经压缩过,但空间还是紧张)关于tokudb的优势各位自行查阅相关资料.要启用t ...
    
			
    4. 
						
  4. Python数据可视化的四种简易方法
			
    摘要: 本文讲述了热图.二维密度图.蜘蛛图.树形图这四种Python数据可视化方法. 数据可视化是任何数据科学或机器学习项目的一个重要组成部分.人们常常会从探索数据分析(EDA)开始,来深入了解数据, ...
    
			
    5. 
						
  5. vue中使用refs定位dom出现undefined？
			
    之前在公司做项目,一直感觉用ref来定位dom节点挺方便的.但是期间遇到了一个问题,就是在mounted(){}钩子里面使用this.$refs.xxx,打印出来的却是undefined? 于是我就对 ...
    
			
    6. 
						
  6. 翻译：man getopt(1)中文手册
			
    NAME getopt - 解析命令行选项(加强版) SYNOPSIS getopt optstring parameters getopt [options] [--] optstring para ...
    
			
    7. 
						
  7. Root（hdu5777+扩展欧几里得+原根）2015 Multi-University Training Contest 7
			
    Root Time Limit: 30000/15000 MS (Java/Others)    Memory Limit: 262144/262144 K (Java/Others)Total Su ...
    
			
    8. 
						
  8. 不容易系列之一（hdu1465）错排+递推
			
    不容易系列之一 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
    
			
    9. 
						
  9. C#设计模式之十三模板方法模式（Template Method Pattern）【行为型】
			
    一.引言 “结构型”的设计模式已经写完了,从今天我们开始讲“行为型”设计模式.现在我们开始讲[行为型]设计模式的第一个模式,该模式是[模板方法],英文名称是:Template Method Patte ...
    
			
    10. 
						
  10. Laravel 数据库操作 Eloquent ORM
			
    laravel 操作数据库一般都使用它的Eloquent ORM才操作 建立模型 <?php namespace App; use Illuminate\Database\Eloquent\Mo ...
    
			
    11.