Maison >interface Web >js tutoriel >Comment implémenter la fonction de chaîne d'interception js

Comment implémenter la fonction de chaîne d'interception js

韦小宝
韦小宝original
2018-01-17 10:36:132109parcourir

Cet article présente principalement en détail la méthode d'implémentation de la fonction d'interception js string. Il a une certaine valeur de référence et d'apprentissage de js. Les amis intéressés par js peuvent se référer à cet article. 🎜>Il existe deux façons d'intercepter des chaînes avec js : substring(), slice(), pour votre référence, le contenu spécifique est le suivant

L'exemple donné ici est time.

fichier css :

body{ text-align:center} 
.con{ 
 margin:100px auto; 
 width:800px; 
 height:400px; 
 border:2px solid #336666;
 border-radius:5px;
 padding-top: 50px;
}


Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun, et j'espère que vous en apprendrez davantage. Supportez le site Web chinois PHP.
<!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>
   
  <p class="con">
    时间:<input type=&#39;text&#39; id=&#39;time&#39; name=&#39;time&#39; value="2017-07-01 00:00:00" /><br><br>
    substring结果:<input type=&#39;text&#39; id=&#39;sub_result&#39; name=&#39;sub_result&#39; value="" /><br><br>
    slice结果:<input type=&#39;text&#39; id=&#39;sli_result&#39; name=&#39;sli_result&#39; value="" /><br><br>
    <button>提交</button>
  </p>
   
 <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>

Recommandations associées :

javascript détermine si l'utilisateur a exploité la page

Explication détaillée de plusieurs exemples d'héritage à l'aide de JavaScript

JavaScript implémente une analyse de tri rapide

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn