文档章节

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

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

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

孟飞阳
07/17
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
java 私塾课堂笔记——Javascript

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

luodis
2011/04/27
486
0
javascript中String(字符串对象)

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

cnu2m
2014/05/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

基于 Docker 快速部署多需求 Spark 自动化测试环境

引言 在进行数据分析时,Spark 越来越广泛的被使用。在测试需求越来越多、测试用例数量越来越大的情况下,能够根据需求快速自动化部署 Spark 环境、快速完成所有测试越来越重要。 本文基于 ...

呐呐丶嘿
19分钟前
2
0
支付宝APP支付之查看支付宝商户ID

1、登录支付宝蚂蚁金服开放平台 2、查看账号详情,选择合作伙伴管理,账户管理,查看角色身份,此处的PID就是商户ID 3、点击秘钥管理,可查看绑定的相关应用及其APPID等信息

Code辉
22分钟前
2
0
崛起于Springboot2.X之通讯WebSocket(40)

技术简介:Springboot2.0.3+freemaker+websocket 1、添加pom依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-bo......

木九天
30分钟前
1
0
Java常用四大线程池用法以及ThreadPoolExecutor详解

为什么用线程池? 1.创建/销毁线程伴随着系统开销,过于频繁的创建/销毁线程,会很大程度上影响处-理效率 2.线程并发数量过多,抢占系统资源从而导致阻塞 3.对线程进行一些简单的管理 在Java中...

孟飞阳
32分钟前
1
0
Netty+Websocket 实现一个简易聊天室

后台代码 /** * 服务端 */public class ChatServer {public static void main(String[] args) throws Exception {int port=8080; //服务端默认端口new ChatServer().bind...

这很耳东先生
34分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部