博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生js中大小写转化以及split分割字符串方法
阅读量:4662 次
发布时间:2019-06-09

本文共 988 字,大约阅读时间需要 3 分钟。

关于大小写转化很简单就是两个方法,查教程也可以很明了,这里就简单写一下:

var str0="baidu";  str0.toUpperCase() ;      //转为大写  str0.toLowerCase() ;      //转为小写

然后来说一下split()的方法:具体可以常见的几种返回结果如下:

var str="baidu.com";        alert(str.split(".") );    //返回的是['baidu','com']        var str1="baidu";        alert(str1.split("") );     //返回的是['b','a','i','d','u']        var str2="麦兜";        alert(str2.split("") );     //返回的是['麦','兜']        var str3="麦兜是头可爱猪";        alert(str3.split("可爱") );     //返回的是['麦兜是头','猪']        var str4 = '2018-01-09-18-00';        alert(str4.split("-",3) );     //返回的是['2018','01','09']

然后知道这些的话,来看下简单的小例子:在下面input里输入内容点击发送,然后将内容推送到上面方框中,并将推送的文字都加上背景色

先写一下布局:

css:    div { width:300px; height:200px; border:1px solid #333; background:#fff; padding:20px; line-height:40px; }    span { padding:5px 15px; font-family:微软雅黑; }html:

重点来看js,这里就运用到了split()方法了:

运行效果图如下:

当然,这种例子项目中用的应该不多,但是好多类似原理的运用到split方法的,大部分都是万变不离其宗,都是这样的!所以,希望对大家有用!

 好了,今天就这样了!

转载于:https://www.cnblogs.com/web001/p/8253475.html

你可能感兴趣的文章
【LOJ6043】「雅礼集训 2017 Day7」蛐蛐国的修墙方案(搜索技巧题)
查看>>
【洛谷5309】[Ynoi2012] D1T1(分块)
查看>>
如何从trace文件分析网络性能(转)
查看>>
堆(heap)、栈(stack)、方法区(method)
查看>>
hdoj4685
查看>>
Java数组的三种定义
查看>>
iOS - 3种方法获取设备硬件类型:
查看>>
bzoj1293: [SCOI2009]生日礼物
查看>>
javascript中的闭包、模块与模块加载
查看>>
________________初学spring1
查看>>
第二阶段第六天冲刺
查看>>
Linux下的tar命令
查看>>
css position定位
查看>>
【Java】基本数据类型以及其转换
查看>>
线性代数基础
查看>>
【以太坊开发】如何开发一个编译以太坊智能合约并且发布的平台(一)
查看>>
两个矩阵相乘算法
查看>>
go包管理工具glide
查看>>
PHP XML Parser 函数
查看>>
HDU 1166 敌兵布阵(线段树区间求和)
查看>>