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 判断字符串是否为数字的简单方法
Jul 25 Javascript
js中的referrer返回上一页使用介绍
Sep 26 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
js实现动态添加上传文件页面
Oct 22 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 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 $_SERVER当前完整url的写法
2009/11/12 PHP
PHP 解决session死锁的方法
2013/06/20 PHP
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
js利用div背景,做一个竖线的效果。
2008/11/22 Javascript
javascript 文档的编码问题解决
2009/03/01 Javascript
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
jQuery 删除或是清空某个HTML元素示例
2014/08/04 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
js中的关联数组与普通数组详解
2016/07/27 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
2019/08/07 Javascript
python中二维阵列的变换实例
2014/10/09 Python
详解Python中用于计算指数的exp()方法
2015/05/14 Python
深入理解Django中内置的用户认证
2017/10/06 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
Python除法之传统除法、Floor除法及真除法实例详解
2019/05/23 Python
python中resample函数实现重采样和降采样代码
2020/02/25 Python
python 代码运行时间获取方式详解
2020/09/18 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
土木建筑学生自我评价
2014/01/14 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
立案决定书范文
2015/06/24 职场文书
学习雷锋主题班会
2015/08/14 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
Python+Appium实现自动抢微信红包
2021/05/21 Python
使用JS实现简易计算器
2021/06/14 Javascript