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 相关文章推荐
dojo 之基础篇(三)之向服务器发送数据
Mar 24 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
JavaScript异步加载问题总结
Feb 17 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
用vue写一个日历
Nov 02 Javascript
javascript数组includes、reduce的基本使用
Jul 02 Javascript
JavaScript执行机制详细介绍
Dec 06 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
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
用 Javascript 验证表单(form)中的单选(radio)值
2009/09/08 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
Python完全新手教程
2007/02/08 Python
Python 专题二 条件语句和循环语句的基础知识
2017/03/19 Python
解决python删除文件的权限错误问题
2018/04/24 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
Python集合基本概念与相关操作实例分析
2019/10/30 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
Python如何利用Har文件进行遍历指定字典替换提交的数据详解
2020/11/05 Python
python实现三种随机请求头方式
2021/01/05 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
2014年感恩节活动策划方案
2014/10/06 职场文书
写景作文评语集锦
2014/12/25 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle