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 相关文章推荐
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
Feb 08 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
小程序实现单选多选功能
Nov 04 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 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 Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
js或css实现滚动广告的几种方案
2010/01/28 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
javascript生成随机数方法汇总
2015/11/12 Javascript
学习JavaScript鼠标响应事件
2015/12/25 Javascript
微信小程序中多个页面传参通信的学习与实践
2017/05/05 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
Python对文件操作知识汇总
2016/05/15 Python
Python实现的字典值比较功能示例
2018/01/08 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
2015年城管个人工作总结
2015/05/15 职场文书
八一建军节主持词
2015/07/01 职场文书