文档章节

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

文文1
 文文1
发布于 2015/03/27 00:25
字数 1056
阅读 9705
收藏 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
粉丝 19
博文 344
码字总数 115511
作品 0
长沙
程序员
js常见基础对象属性方法(一)

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

孟飞阳
07/17
0
0
Javascript中使用String对象的方法

String对象有许多的方法,因此我们这里的讨论范围只限于其中的两个,indexOf()和 substring()方法。 你已经看到,JavaScript字符串是由字符组成的。这些字符中的每一个都有一个索引。这个索引...

晨曦之光
2012/03/09
0
0
js字符串截取函数slice()、substring()、substr()

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

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

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

xiaobiB
08/22
0
0
javascript中String(字符串对象)

javascript中String(字符串对象) String 对象用于处理已有的字符块。 JavaScript 中 slice 、substr 和 substring的区别: 1: String.slice(start,end): 一个新的字符串。包括字符串 string...

cnu2m
2014/05/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

理解数据库的4种隔离级别

本文转自:http://m.blog.csdn.net/article/details?id=51924963 数据库事务的隔离级别有4种,由低到高分别为Read uncommitted 、Read committed 、Repeatable read 、Serializable 。而且,...

初雪之音
40分钟前
1
0
主流的消息队列MQ比较,详解MQ的4类应用场景

目前主流的MQ 1.ZeroMQ 号称最快的消息队列系统,尤其针对大吞吐量的需求场景。 扩展性好,开发比较灵活,采用C语言实现,实际上只是一个socket库的重新封装,如果做为消息队列使用,需要开发...

游人未归
今天
4
0
React 服务器渲染原理解析与实践

网盘下载地址 React 服务器渲染原理解析与实践 本套课程,讲解了React中SSR技术的整个搭建思路及流程,完整的从原理上讲清楚了SSR的概念,重点在于讲解编写SSR框架遇到的各种知识点,以及细节...

qq__2304636824
今天
4
0
Jenkins使用

clean install -Dmaven.test.skip=true 系统设置 全局工具配置 其他的配置类似 构建项目配置

1713716445
今天
2
0
多线程

1. 多线程概念。并发和并行的概念。 多线程指的是一段时间内cpu同时执行多个线程。一个程序至少运行>=1个进程,进程就是运行中的程序,而一个进程至少运行>=1个线程,线程是操作系统能调度的...

鱼想吃肉
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部