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 相关文章推荐
jQuery中setTimeout的几种使用方法小结
Apr 07 Javascript
JSON无限折叠菜单编写实例
Dec 16 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
Javascript核心读书有感之类型、值和变量
Feb 11 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
React中的render何时执行过程
Apr 13 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
全面解析JavaScript Module模式
Jul 24 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
Javascript Objects详解
2014/09/04 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
2017/02/17 Javascript
node的process以及child_process模块学习笔记
2018/03/06 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
基于Vue的商品主图放大镜方案详解
2019/09/19 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
Python之str操作方法(详解)
2017/06/19 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
基于python实现地址和经纬度转换
2020/05/19 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
英国航空官网:British Airways
2016/09/11 全球购物
劳动工资科岗位职责范本
2014/03/02 职场文书
家长对学生的评语
2014/04/18 职场文书
2014年教师节座谈会发言稿
2014/09/10 职场文书
酒店温馨提示语
2015/07/14 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
Java 多态分析
2022/04/26 Java/Android