js截取字符串功能的实现方法


Posted in Javascript onSeptember 27, 2017

js截取字符串2种方式:substring()、slice(),供大家参考,具体内容如下

这里给出的例子是时间。

css文件:

body{ text-align:center} 

.con{ 
 margin:100px auto; 
 width:800px; 
 height:400px; 
 border:2px solid #336666;
 border-radius:5px;
 padding-top: 50px;
}
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>截取字符串</title>
  <script src="../js/jquery-1.10.2.js" type="text/javascript"></script>
  <link href="../css/commons.css" rel="external nofollow" rel="stylesheet" type="text/css" />
 </head>
 <body>
   
  <div class="con">
    时间:<input type='text' id='time' name='time' value="2017-07-01 00:00:00" /><br><br>
    substring结果:<input type='text' id='sub_result' name='sub_result' value="" /><br><br>
    slice结果:<input type='text' id='sli_result' name='sli_result' value="" /><br><br>
    <button>提交</button>
  </div>
   
 <script>
  $("button").click(function(){
   var time_val = $("#time").val();
   
   var sub_res = time_val.substring(5, 10);
   $("#sub_result").val(sub_res);
   
   var sli_res = time_val.slice(5, 10);
   $("#sli_result").val(sli_res);
  });
  
  var stmp = "2017-07-01 00:00:00";
   //使用一个参数
//  alert(stmp.slice(5, 10));//从第3个字符开始,截取到最后个字符;返回"nn.cn"
//  alert(stmp.substring(5, 10));//从第4个字符开始,截取到最后个字符;返回"nn.cn"
//
//  //使用两个参数
//  alert(stmp.slice(1,5))//从第2个字符开始,到第5个字符;返回"cinn"
//  alert(stmp.substring(1,5));//从第2个字符开始,到第5个字符;返回"cinn"
//
//  //如果只用一个参数并且为0的话,那么返回整个参数
//  alert(stmp.slice(0));//返回整个字符串
//  alert(stmp.substring(0));//返回整个字符串
 </script>
 </body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript快速检测浏览器对CSS3特性的支持情况
Sep 26 Javascript
javascript垃圾收集机制与内存泄漏详细解析
Nov 11 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
Dec 16 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
js实现密码强度检测【附示例】
Mar 30 Javascript
动态加载js、css的实例代码
May 26 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
Jun 09 Javascript
浅谈JavaScript的全局变量与局部变量
Jun 10 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
Apr 25 Javascript
详解node+express+ejs+bootstrap构建项目
Sep 27 #Javascript
Three.js基础学习之场景对象
Sep 27 #Javascript
vue父组件中获取子组件中的数据(实例讲解)
Sep 27 #Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 #Javascript
基于复选框demo(分享)
Sep 27 #Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 #Javascript
angular内置provider之$compileProvider详解
Sep 27 #Javascript
You might like
PHP 常用函数库和一些实用小技巧
2009/01/01 PHP
php中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
javascript dom追加内容实现示例
2013/09/21 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
基于canvas粒子系统的构建详解
2017/08/31 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
layer弹出层显示在top顶层的方法
2019/09/11 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python多线程threading.Lock锁用法实例
2014/11/01 Python
深入理解Python中字典的键的使用
2015/08/19 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
python中threading开启关闭线程操作
2020/05/02 Python
Python类class参数self原理解析
2020/11/19 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
职专应届生求职信
2013/11/16 职场文书
自荐信范文
2013/12/10 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
领导新年致辞2016
2015/07/29 职场文书
Golang 并发下的问题定位及解决方案
2022/03/16 Golang
python 安全地删除列表元素的方法
2022/03/16 Python
SQL Server内存机制浅探
2022/04/06 SQL Server
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS