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);
	}
				});

這種寫法有些複雜,可是思路很清晰,固然可使用正則表達式來截取,沒有試過,看見些正則就有些頭疼...