欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法示例

 更新時間:2018年06月09日 13:41:36   作者:前端愛我  
這篇文章主要介紹了JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法,涉及JavaScript事件響應(yīng)、正則匹配及數(shù)值運算相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法。分享給大家供大家參考,具體如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>js區(qū)分中英文統(tǒng)計字符個數(shù)</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel=" rel="external nofollow" stylesheet">
</head>
<body>
  <input type="text" value="" id="str"><span id="showcontent"></span><!-- 此處原來使用的label標(biāo)簽,但是設(shè)置其innerHTML的值在ie8上報錯,故換為span標(biāo)簽 -->
  <script type="text/javascript">
  var countnums=(function(){
    var trim=function(strings){
      return (strings||"").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"");//+表示匹配一次或多次,|表示或者,\s和\u00A0匹配空白字符,/^以……開頭,$以……結(jié)尾,/g全局匹配,/i忽略大小寫
    }
    return function(_str){
      _str=trim(_str);  //去除字符串的左右兩邊空格
      var strlength=_str.length;
      if(!strlength){  //如果字符串長度為零,返回零
        return 0;
      }
      var chinese=_str.match(/[\u4e00-\u9fa5]/g); //匹配中文,match返回包含中文的數(shù)組
      return strlength+(chinese?chinese.length:0); //計算字符個數(shù)
    }
  })();
  function count(tThis){
    var charnum=countnums(tThis.value)
      var showid=document.getElementById("showcontent");
      showid.innerHTML="您總共輸入了"+charnum+"個字符";
  }
  window.onload=function(){
    var str=document.getElementById("str");
    str.onkeypress=function(){
      count(this);
    }
    str.onkeyup=function(){
      count(this);
    }
  }
  </script>
</body>
</html>

使用在線HTML/CSS/JavaScript代碼運行工具 http://tools.jb51.net/code/HtmlJsRun測試后運行結(jié)果如下:

PS:這里再為大家推薦兩款相關(guān)在線工具供大家參考:

字數(shù)統(tǒng)計工具:
http://tools.jb51.net/code/zishutongji

在線字符統(tǒng)計與編輯工具:
http://tools.jb51.net/code/char_tongji

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • 基于Cesium繪制柵欄的示例代碼

    基于Cesium繪制柵欄的示例代碼

    這篇文章主要介紹了如何利用Cesium繪制柵欄效果的示例代碼,文中的示例代碼講解詳細,對我們學(xué)習(xí)或工作有一定的幫助,需要的可以參考一下
    2022-06-06
  • Cookies 和 Session的詳解及區(qū)別

    Cookies 和 Session的詳解及區(qū)別

    這篇文章主要介紹了Cookies 和 Session的詳解及區(qū)別的相關(guān)資料,需要的朋友可以參考下
    2017-04-04
  • JavaScript該如何學(xué)習(xí) 怎樣輕松學(xué)習(xí)JavaScript

    JavaScript該如何學(xué)習(xí) 怎樣輕松學(xué)習(xí)JavaScript

    JavaScript該如何學(xué)習(xí)?如何輕松學(xué)習(xí)JavaScript?這篇文章主要介紹了輕松學(xué)習(xí)JavaScript的方法
    2017-06-06
  • JavaScript實現(xiàn)簡單圖片切換

    JavaScript實現(xiàn)簡單圖片切換

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單圖片切換,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • Javascript this指針

    Javascript this指針

    Javascript是一門基于對象的動態(tài)語言,也就是說,所有東西都是對象,一個很典型的例子就是函數(shù)也被視為普通的對象。
    2009-07-07
  • js實現(xiàn)九宮格拼圖小游戲

    js實現(xiàn)九宮格拼圖小游戲

    本文主要分享了js實現(xiàn)九宮格拼圖小游戲的示例代碼。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JavaScript動態(tài)數(shù)量的文件上傳控件

    JavaScript動態(tài)數(shù)量的文件上傳控件

    本文給大家分享一段js代碼關(guān)于動態(tài)數(shù)量的文件上傳控件,代碼簡單易懂,非常不錯具有參考借鑒價值,感興趣的朋友一起看看
    2016-11-11
  • javascript彈出帶文字信息的提示框效果

    javascript彈出帶文字信息的提示框效果

    這篇文章主要介紹了javascript彈出帶文字信息的提示框效果,涉及javascript簡單彈出窗口定義與樣式相關(guān)操作技巧,需要的朋友可以參考下
    2016-07-07
  • ant design實現(xiàn)圈選功能

    ant design實現(xiàn)圈選功能

    ant design下運用js實現(xiàn)框選功能,這篇文章主要介紹了ant design實現(xiàn)圈選功能,本文通過實例代碼截圖的形式給大家介紹的非常詳細,需要的朋友可以參考下
    2019-12-12
  • 簡單實現(xiàn)js放大鏡效果

    簡單實現(xiàn)js放大鏡效果

    這篇文章主要教大家如何簡單實現(xiàn)js放大鏡效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07

最新評論