You are here
操作字符串常用方法总结及工作代码 有大用
星期一, 2016-08-08 09:36 — adminshiping1
该复选框族是选出适宜人群，在js中对其操作如下：
var crowd=[],//声明存取复选框值的数组
$("#crowd input:checkbox:checked").each(function(){
例如选中老人和儿童，则参数格式如下：...?crowd=137,139
3.select
jquery中select的操作相对简单，但是，可以通过append()函数动态的添加option项即可。
例如页面中有一个select控件如下：
<select id="crowd" name="crowd">
</select>
js代码如下所示：
var crowd="老人 137,青年 138,儿童 139";
至此，select选项的初始化已经完成，由于该控件大多数情况下是使用的单值，所以表单值的获取不需要再写
此外select最重要的一个事件就要数onChange了，只需要在页面上加上onchange事件声明，然后再在jQuery中处理即可。
4.字符串函数
字符串的包装是许多语言中很重要的应用，因为非常实用，使用概率也很高，js也不例外，对字符串进行了一系列的封装，具体方法如下：
引用网址：http://www.w3school.com.cn/js/jsref_obj_string.asp
5.至于其他控件的使用在此先不赘述，后边用到在写，表单元素添加完成之后就是表单的提交了，以前也许是使用html的页面通用对象，比如request等设置参数，或者直接跟在地址后边，不论怎么处理，都要写一大堆的代码，然而使用jQuery之后，这一工作变的异常的简单。原因就是serialize（）方法的使用。
例子如下：
html:
<form name="form1" id="form1"method="post">
1.javascript数组用法
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| concat() | 连接两个或更多的数组，并返回结果。 | 1 | 4 |
| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 | 1 | 4 |
| pop() | 删除并返回数组的最后一个元素 | 1 | 5.5 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度。 | 1 | 5.5 |
| reverse() | 颠倒数组中元素的顺序。 | 1 | 4 |
| shift() | 删除并返回数组的第一个元素 | 1 | 5.5 |
| slice() | 从某个已有的数组返回选定的元素 | 1 | 4 |
| sort() | 对数组的元素进行排序 | 1 | 4 |
| splice() | 删除元素，并向数组添加新元素。 | 1 | 5.5 |
| toSource() | 返回该对象的源代码。 | 1 | - |
| toString() | 把数组转换为字符串，并返回结果。 | 1 | 4 |
| toLocaleString() | 把数组转换为本地数组，并返回结果。 | 1 | 4 |
| unshift() | 向数组的开头添加一个或更多元素，并返回新的长度。 | 1 | 6 |
| valueOf() | 返回数组对象的原始值 | 1 | 4 |
上边列出来的就是JavaScript对数组对象的封装，通过以上方法，可以轻松便捷的操作数组对象，引用网址：http://www.cnblogs.com/zyh-nhy/archive/2007/08/08/847876.html
2.checkbox
对于复选框来说，一般有一个固定的流程，许多的复选框都归结于一个属性，所以通常使用textbox或者label对象来存储一族复选框的值，只需要把textbox或者label的属性设置成hidden即可。在页面传参或者获取参数时，只需要操作响应的textbox或者label即可。
例如：
<div id="crowd" class="checkbox_bgfl">
该复选框族是选出适宜人群，在js中对其操作如下：
var crowd=[],//声明存取复选框值的数组
$("#crowd input:checkbox:checked").each(function(){
例如选中老人和儿童，则参数格式如下：...?crowd=137,139
3.select
jquery中select的操作相对简单，但是，可以通过append()函数动态的添加option项即可。
例如页面中有一个select控件如下：
<select id="crowd" name="crowd">
</select>
js代码如下所示：
var crowd="老人 137,青年 138,儿童 139";
至此，select选项的初始化已经完成，由于该控件大多数情况下是使用的单值，所以表单值的获取不需要再写
此外select最重要的一个事件就要数onChange了，只需要在页面上加上onchange事件声明，然后再在jQuery中处理即可。
4.字符串函数
字符串的包装是许多语言中很重要的应用，因为非常实用，使用概率也很高，js也不例外，对字符串进行了一系列的封装，具体方法如下：
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| anchor() | 创建 HTML 锚。 | 1 | 3 |
| big() | 用大号字体显示字符串。 | 1 | 3 |
| blink() | 显示闪动字符串。 | 1 | |
| bold() | 使用粗体显示字符串。 | 1 | 3 |
| charAt() | 返回在指定位置的字符。 | 1 | 3 |
| charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 | 1 | 4 |
| concat() | 连接字符串。 | 1 | 4 |
| fixed() | 以打字机文本显示字符串。 | 1 | 3 |
| fontcolor() | 使用指定的颜色来显示字符串。 | 1 | 3 |
| fontsize() | 使用指定的尺寸来显示字符串。 | 1 | 3 |
| fromCharCode() | 从字符编码创建一个字符串。 | 1 | 4 |
| indexOf() | 检索字符串。 | 1 | 3 |
| italics() | 使用斜体显示字符串。 | 1 | 3 |
| lastIndexOf() | 从后向前搜索字符串。 | 1 | 3 |
| link() | 将字符串显示为链接。 | 1 | 3 |
| localeCompare() | 用本地特定的顺序来比较两个字符串。 | 1 | 4 |
| match() | 找到一个或多个正在表达式的匹配。 | 1 | 4 |
| replace() | 替换与正则表达式匹配的子串。 | 1 | 4 |
| search() | 检索与正则表达式相匹配的值。 | 1 | 4 |
| slice() | 提取字符串的片断，并在新的字符串中返回被提取的部分。 | 1 | 4 |
| small() | 使用小字号来显示字符串。 | 1 | 3 |
| split() | 把字符串分割为字符串数组。 | 1 | 4 |
| strike() | 使用删除线来显示字符串。 | 1 | 3 |
| sub() | 把字符串显示为下标。 | 1 | 3 |
| substr() | 从起始索引号提取字符串中指定数目的字符。 | 1 | 4 |
| substring() | 提取字符串中两个指定的索引号之间的字符。 | 1 | 3 |
| sup() | 把字符串显示为上标。 | 1 | 3 |
| toLocaleLowerCase() | 把字符串转换为小写。 | - | - |
| toLocaleUpperCase() | 把字符串转换为大写。 | - | - |
| toLowerCase() | 把字符串转换为小写。 | 1 | 3 |
| toUpperCase() | 把字符串转换为大写。 | 1 | 3 |
| toSource() | 代表对象的源代码。 | 1 | - |
| toString() | 返回字符串。 | - | - |
| valueOf() | 返回某个字符串对象的原始值。 | 1 | 4 |
5.至于其他控件的使用在此先不赘述，后边用到在写，表单元素添加完成之后就是表单的提交了，以前也许是使用html的页面通用对象，比如request等设置参数，或者直接跟在地址后边，不论怎么处理，都要写一大堆的代码，然而使用jQuery之后，这一工作变的异常的简单。原因就是serialize（）方法的使用。
例子如下：
html:
<form name="form1" id="form1"method="post">
<input type='text' name='name' value='John'/> <input type='text' name='location' value='Boston'/> <button name="bt" click="btClick"> </form> jquery代码： <script type="text/javasctipt">Result:function btClick() { window.location.href=url+"?"+$("#form1").serialize(); } </script>
url?name=John&location=Boston
// 订单金额信息
var $orderMoneyInfo = $('#track'+orderId).children('td').eq(3).text();
// 分割金额和支付方式文案
var moneyIndex = $orderMoneyInfo.indexOf(".");
var $moneyInfo = $orderMoneyInfo.substr(0, moneyIndex+3);
var $paymentWayInfo = $orderMoneyInfo.substr(moneyIndex+3, $orderMoneyInfo.length);
var $contend =
"<div id=\"mbz\">" +
" <div class=\"m-text\"><i class=\"bg-joy\"></i>" +
" <p class=\"ftx-04\">replaceValue</p>" +
" </div>" +
"<div class=\"m minfo\">" +
" <div class=\"mt\"><h3>订单信息</h3></div>" +
"<div class=\"mc\">" +
" <ul class=\"list-oinfo\">" +
" <li>订单号："+orderId+"</li>" +
" <li>订单金额：<strong class=\"ftx-01\">"+$moneyInfo+"</strong> "+$paymentWayInfo+"</li>" +
" </ul>" +
" <h5>订单商品：</h5>" +
" <div class=\"scrollimg\">" +
" <div id=\"scrollimg\" style=\"position: relative; width: 392px; height: 56px; overflow: hidden;\">" +
" <ul style=\"position: absolute; left: 0px; top: 0px; width: 784px;\">" +
$wareImagList +
" </ul>" +
" </div>" +
" <span id=\"prev\" class=\"disabled\"><</span>" +
" <span id=\"next\" class=\"\">></span>" +
" </div>" +
"</div>" +
"</div>" +
"<div class=\"btns\">" +
"<a class=\"btn btn-6\" href=\"#none\" onclick=\"finishConfirm("+orderId + "," + orderType + "," + venderId + ")\"><s></s>确定</a><a id='cancelBtn"+ orderId +"' class=\"btn btn-10\" href=\"#none\" onclick=\"jdThickBoxclose()\"><s></s>取消</a>"+
"</div>"+
"</div>";
if(orderType >=21 && orderType <=25){
$contend = $contend.replace("replaceValue", "value1");
} else {
$contend = $contend.replace("replaceValue", "value2");
}
来自 http://blog.csdn.net/woshifeixingzhuiyue/article/details/11969805
javascript，子字符串操作方法:Slice()、Substr()、Substring()的区别
一、参数含义上的区别。
| 第一个参数 | 第二个参数（可选） | |
| slice() | 开始位置 | 需要返回的子字符串最后一个字符后面的位置 |
| substr() | 开始位置 | 需要返回的字符个数 |
| substring() | 开始位置 | 需要返回的子字符串最后一个字符后面的位置 |
例如：
var strValue = "javascript programing";
alert(strValue.slice(3)); //"ascript programing"
alert(strValue.substring(3)); //"ascript programing"
alert(strValue.substr(3)); //"ascript programing"
alert(strValue.slice(3,13)); //"ascript pr"
alert(strValue.substring(3,13)); //"ascript pr"
alert(strValue.substr(3,13)); //"ascript progr"
二、处理负值参数时的区别。
参数的含义不变，只不过参数为负值时，3个子字符串函数会对负值参数进行不同的处理。
| 第一个参数 | 第二个参数（可选） | 备注 | |
| Slice() | 将负值与字符串的长度相加 | 将负值与字符串的长度相加 | |
| Substr() | 将负值与字符串的长度相加 | 将负值变为0 | |
| substring() | 将负值变为0 | 将负值变为0 | 负值处理后，该函数会将较 小的数作为开始位置，较大 的数作为结束位置 |
例如：
var strValue = "javascript programing"; alert(strValue.slice(-3)); => alert(strValue.slice(18)); //"ing" alert(strValue.substring(-3)); => alert(strValue.substring(0)); //"javascript programing" alert(strValue.substr(-3)); => alert(strValue.substr(18)); //"ing" alert(strValue.slice(3,-13)); => alert(strValue.slice(3,8)); //"ascri" alert(strValue.substring(3,-13)); => alert(strValue.substring(0,3)); //"jav" alert(strValue.substr(3,-13)); => alert(strValue.substr(3,0)); //""
来自 http://www.cnblogs.com/kongxianghai/archive/2013/03/08/2950149.html
普通分类: