第一组：str.substr(start,length) 和 str.substring(start,end)
定义： str.substr(start,length)
substr(start,length)表示从start位置开始，截取length长度的字符串。
var src="data:images/off_1.png";
alert(src.substr(3,7));
弹出值为：ges/off
str.substring(start,end)
substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。
var src="data:images/off_1.png";
alert(src.substring(3,7));
弹出值为：off
相同：1.目标字符串挂在前面；
2.第一个参数都是内容元素的下标值（我一般理解为索引值）。
区别：主要区别在第二个参数上，
str.substr（start,length）表示，在 str 的字符串中，从第 start 个位置起，取 length 个字符长度；
str.substring(start,end) 表示，在 str 的字符串中，从第 start 个位置起，取到第 end 个位置，且不包括第 end 个字符；
第二组：str.indexOf() 和 str.lastIndexOf()
定义： str.indexOf()
indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置（从左向右）。没有匹配的则返回-1，否则返回首次出现位置的字符串的下标值。
var src="data:images/off_1.png";
alert(src.indexOf('t'));
alert(src.indexOf('i'));
alert(src.indexOf('g'));
弹出值依次为：-1,0,3
str.lastIndexOf()
lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值（与indexOf相反）
var src="data:images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
弹出值依次为：6,15
相同：1.目标字符串挂在前面；
2.返回的都是所选元素在字符串中的 下标值；
区别：当选择的元素在字符串中只有一个的返回值是一样的，但是当不止一个的时候，才会有区别，及 indexOf() 是从左至右， lastIndexOf() 是从右至左；
var src="Hello World";
alert(src.indexOf('H'));
alert(src.lastIndexOf('H'));
alert(src.indexOf('l'));
alert(src.lastIndexOf('l'));
弹出值依次为：0,0,2,9