js截取字符串功能的实现方法
更新时间：2017年09月27日 09:50:54 作者：恭一
这篇文章主要为大家详细介绍了js截取字符串功能的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
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来实现内置的bind方法，文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2022-07-07
这篇文章主要介绍了ES6 Promise对象概念与用法,简单分析了Promise对象的基本状态与三种重要方法,并结合实例形式给出相关使用技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了微信小程序与h5的相互跳转场景分析,在微信小程序内编写webview文件,通过webview去跳转h5,loadUrl为h5的地址,非嵌套,h5需要跳转打开某个微信小程序,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了微信小程序发布新版本时自动提示用户更新的方法，文中通过示例代码介绍的非常详细，对大家学习或者使用小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
本文给大家分享一段js代码实现输入表格行数、列数自动生成表格源代码，非常不错具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了JS封装通过className获取元素的函数,涉及javascript针对页面元素属性的遍历与数组相关操作技巧,需要的朋友可以参考下2016-12-12
解析offsetHeight,clientHeight,scrollHeight之间的区别
这篇文章主要是对offsetHeight,clientHeight,scrollHeight之间的区别进行了详细介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
注意 JavaScript 中 RegExp 对象的 test 方法
注意 JavaScript 中 RegExp 对象的 test 方法...2007-01-01
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf(
几个常用的JavaScript字符串处理函数 split()、join()、substring()和indexOf()2009-06-06
近才开始系统的研究js，对js的兴趣源于对JQuery的应用。之前只会用js做简单的计算函数，后来由于需要做特效，故接触JQ，看着API，基本的特效都能完成，但相反，如果用js去实现，估计自己很难写得出来，所以下定决心系统的看看js。2009-11-11
最新评论