JavaScript中trim 、indexOf

来源：互联网发布：最好的网络推广公司编辑：程序博客网时间：2024/05/22 19:27

实现类似于百度搜索的功能一样

trim()作用 :$.trim() 函数返回值为 String 新增静态函数，去除两端空白字符串后的字符; 例如输入的“李”字前有空格，通过trim方法的作用，就会忽略（去掉）空白字符（空格）

indexOf 作用：

<html>
<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>

</body>
</html>

中为什么显示的是3个数字呢?

解释：

它所查出来的是你给的母字符串(也就是str)中某一个字符的下标位置，比如第一个Hello在
Hello world中 Hello的第一个字符H在第一位，因为从0开始算的，所以输出0。而第二个因为在Hello world中查找World（注意大小写w），所以没有，大小写敏感的。所以返回-1，最后一个就不用解释了，空格也占用一个字符的位置

functiongetContent(obj){

$("#a").hide();

$("#b").hide();

$("#c").hide();

/* $.trim() 函数返回值为 String 新增静态函数，去除两端空白字符串后的字符 */

varkw = jQuery.trim($(obj).val());

if(kw ==""){

$("#append").hide().html("");

returnfalse;

}

varhtml ="";

/****

indexOf() 的作用： indexOf()方法是指字符串的开始位置，索引从0开始，比如你的indexOf("Hello"),返回就是0，而第二个大小写不一样，就没有找到这个字符串，则返回-1，第三个就返回2，因为中间有个空格

****/

for(vari = 0; i < data.length; i++) {

/* data[i].indexOf(kw) >= 0 通过indexOf方法从data[i]中搜索数据 */

if(data[i].indexOf(kw) >= 0) {

html = html +"<div class='item' onmouseenter='getFocus(this)' onClick='getCon(this,"+i+");' style='height:30px'>" + data[i] + "</div>"

}

if(html !=""){

$("#append").show().html(html);

}else{

searchUser();

$("#append").hide().html("");

}

</script>

< html>

< body>

<tr>

<spanid="a"><br><inputtype="text"name="clientPhone"id="clientPhone"value=""maxlength="40"placeholder="输入客户姓名进行查找"disabled="true"/></span>

<spanid="b"><br>

<inputtype="text"name="clientPhone"id="clientEmail"value=""maxlength="40"placeholder="输入客户姓名进行查找"disabled="true"/></span>

<spanid="c"><br>

<inputtype="text"name="clientNickName"id="clientNickName"value=""maxlength="40"placeholder="输入客户姓名进行查找"disabled="true"/></span>

<divid="append"></div>

</td>

</tr>

</ body>

</ html>

0 0