文档章节

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

文文1
 文文1
发布于 2015/03/27 00:25
字数 1056
阅读 9769
收藏 5

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

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


© 著作权归作者所有

文文1
粉丝 25
博文 454
码字总数 143313
作品 0
长沙
程序员
私信 提问
js常见基础对象属性方法(一)

js常见基础对象属性方法 Object.keys() Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历改对象时返回的顺序一致(两...

孟飞阳
2018/07/17
173
0
20个常用的JavaScript字符串方法

摘要: 玩转JS字符串。 原文:JS 前20个常用字符串方法及使用方式 译者:前端小智 Fundebug经授权转载,版权归原作者所有。 本文主要介绍一些最常用的字符串函数。 1. charAt(x) 返回字符串中...

Fundebug
08/30
23
0
js字符串截取函数slice()、substring()、substr()

在js中字符截取函数有常用的三个slice()、substring()、substr()了,下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(st...

for_kk
2014/04/20
211.5K
1
不要再混淆js的substring和substr了!(附js所有字符串方法)

一、字符串操作方法 js中字符串方法操作有很多:concat、indexOf.... 这里只要介绍两种经常混淆的字符串截取方法:、 二、从例子入手 可以看到str1输出的长度为1,str2输出长度为2. substring ...

xiaobiB
2018/08/22
0
0
java 私塾课堂笔记——Javascript

java 私塾课堂笔记——Javascript 1:什么是Javascript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。 2:Java和Javascript的区别 (1)、基于对象和...

luodis
2011/04/27
503
0

没有更多内容

加载失败,请刷新页面

加载更多

让《强化学习(第2版)》架起一座通往强化学习经典知识宝库的桥梁

上交大计算科学与工程系俞凯教授,5分钟口述讲解,带你快速认识了解年度重磅图书《强化学习(第二版)》! 在 AlphaGo战胜李世石之后,AlphaZero以其完全凭借自我学习超越人类在各种棋类游戏...

博文视点Bv
23分钟前
6
0
TLA7-EVM开发板的处理器、NOR FLASH、DDR3

TLA7-EVM开发板是一款由广州创龙基于Xilinx Artix-7系列FPGA自主研发的核心板+底板方式的开发板,可快速评估FPGA性能。核心板尺寸仅70mm*50mm,底板采用沉金无铅工艺的6层板设计,专业的PCB...

Tronlong创龙
32分钟前
4
0
UUID的变种-有序

为了解决UUID无序的问题,NHibernate在其主键生成方式中提供了Comb算法(combined guid/timestamp)。保留GUID的10个字节,用另6个字节表示GUID生成的时间(DateTime)。 /// <summary> //...

Canaan_
32分钟前
4
0
Netty学习(6)——通道间数据传输

1. FileChannel实现通道间的数据传输 在Java NIO中,如果两个通道中有一个是FileChannel,那你可以直接将数据从一个channel传输到另外一个channel。 transferFrom() FileChannel的transferF...

江左煤郎
36分钟前
4
0
AngularDOM操作

gtandsn
37分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部