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 相关文章推荐
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
button没写type=button会导致点击时提交
Mar 06 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
深入理解ES6的迭代器与生成器
Aug 19 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 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
动易数据转成dedecms的php程序
2007/04/07 PHP
php 学习资料零碎东西
2010/12/04 PHP
PHP中COOKIES使用示例
2015/07/26 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
javascript动态加载二
2012/08/22 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
javascript中Date format(js日期格式化)方法小结
2015/12/17 Javascript
JavaScript字符串对象(string)基本用法示例
2017/01/18 Javascript
node.js利用redis数据库缓存数据的方法
2017/03/01 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
vue 中固定导航栏的实例代码
2019/11/01 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
浅谈vue 多个变量同时赋相同值互相影响
2020/08/05 Javascript
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
python获取多线程及子线程的返回值
2017/11/15 Python
Python实现批量压缩图片
2018/01/25 Python
Django model序列化为json的方法示例
2018/10/16 Python
使用python远程操作linux过程解析
2019/12/04 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
Booking.com美国:全球酒店预订网站
2017/04/18 全球购物
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
贝佳斯官方网站:Borghese
2020/05/08 全球购物
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
会计出纳岗位职责
2015/03/31 职场文书
党支部审查意见
2015/06/02 职场文书
红楼梦读书笔记
2015/06/25 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
使用CSS实现按钮边缘跑马灯动画
2023/05/07 HTML / CSS