js中substring和substr的用法(获取字符串为整个html页面中的某个数值)

substring 方法用于提取字符串中介于两个指定下标之间的字符

substring(start,end)

开始和结束的位置，从零开始的索引

参数     描述
start     必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。
stop     可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。若是省略该参数，那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的全部字符，其长度为 stop 减 start。

说明

substring 方法返回的子串包括 start 处的字符，但不包括 end 处的字符。
若是 start 与 end 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
若是 start 比 end 大，那么该方法在提取子串以前会先交换这两个参数。
若是 start 或 end 为负数，那么它将被替换为 0。

总结:substring不管怎么写都正确,且遵循正常规则(非负,而且尾不小于首)---若是不是这种状态,那么就要改变为这种正常规则.

2.substr 方法

定义和用法

substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法

stringObject.substr(start [, length ])

参数    描述
start   必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。

说明

若是start为负数，则start=str.length+start。
若是 length 为 0 或负数，则代表返回的字符串的长度为0,即空字符串。
若是没有指定length,那么length即为该字符串的长度。

举例：
var str = "0123456789";

alert(str.substring(0));------------"0123456789"
alert(str.substring(5));------------"56789"
alert(str.substring(10));-----------""
alert(str.substring(12));-----------""
alert(str.substring(-5));-----------"0123456789"
alert(str.substring(-10));----------"0123456789"
alert(str.substring(-12));----------"0123456789"
alert(str.substring(0,5));----------"01234"
alert(str.substring(0,10));---------"0123456789"
alert(str.substring(0,12));---------"0123456789"
alert(str.substring(2,0));----------"01"
alert(str.substring(2,2));----------""
alert(str.substring(2,5));----------"234"
alert(str.substring(2,12));---------"23456789"
alert(str.substring(2,-2));---------"01"
alert(str.substring(-1,5));---------"01234"
alert(str.substring(-1,-5));--------""

alert(str.substr(0));---------------"0123456789"
alert(str.substr(5));---------------"56789"
alert(str.substr(10));--------------""
alert(str.substr(12));--------------""
alert(str.substr(-5));--------------"56789"
alert(str.substr(-10));-------------"0123456789"
alert(str.substr(-12));-------------"0123456789"
alert(str.substr(0,5));-------------"01234"
alert(str.substr(0,10));------------"0123456789"
alert(str.substr(0,12));------------"0123456789"
alert(str.substr(2,0));-------------""
alert(str.substr(2,2));-------------"23"
alert(str.substr(2,5));-------------"23456"
alert(str.substr(2,12));------------"23456789"
alert(str.substr(2,-2));------------""
alert(str.substr(-1,5));------------"9"
alert(str.substr(-1,-5));-----------""   

在项目实际中我这么作:好比$.get()方法返回的是一个html页面,如何在整个html页面中取得这两个的数值:

<span>定额原基价:<input type="text"  value="585.500000000" readonly="readonly" id="normBasePrice"></sapn> 
<span>调整后基价:<input type="text"  value="1269.000000000" readonly="readonly" id="normPrice"></span>

能够这么作:

1. 首先把须要取得数值的先后两部分分别隔离出来:

//直接取前面从---定额原基价...value="  这个做为起始位置,结束位置为",这二者之间恰好为第一个要取得数值
var begin1 = "定额原基价:<input type=\"text\" name=\"normBasePrice\" value=\"";
var end1 = "\"";
//同理以下
var begin2 = "调整后基价:<input type=\"text\" name=\"normPrice\" value=\"";
var end2 = "\"";

    2. 开始截取

$.get(zdyHref,function(data,status){
    if(status){
        //取得index1的开始位置并加上其length
	var index1 = data.indexOf(begin1);
	//这个新的字符串为585.500000000" readonly="readonly" id="no...之后的所有html
	newStr1 = data.substring(index1+begin1.length,data.length);
	//而后获取这个新字符串第一个"的位置
	var index2 = newStr1.indexOf(end1);
	//把新字符串从最开始到第一个引号"的位置
        value1 = newStr1.substring(0,index2);
        //同理取出第二个数值
        var index3 = data.indexOf(begin2);
	newStr2 = data.substring(index3+begin2.length,data.length);
	var index4 = newStr2.indexOf(end2);
	value2 = newStr2.substring(0,index4);
	$('#normBasePrice').val(value1);//利用取到的值给特定id的元素赋值
	$('#normPrice').val(value2);
	}
				});

这种写法有些复杂,可是思路很清晰,固然可使用正则表达式来截取,没有试过,看见些正则就有些头疼...