极客教程如何用JQuery计算一个字符串中的字数
为了计算一个字符串中的字数，我们可以使用JQuery split()方法，同时使用或不使用trim()方法。
.split()方法简单地将一个字符串按指定的字符分割成一个子字符串数组，.trim()方法去除前面和后面的空白。
语法:
string.split(separator, limit)
步骤:
* 从HTML元素中获取字符串。
* 在空白处的基础上将字符串分割成子串。
* 计算子字符串的数量。
例子1：伴随着trim()方法，从字符串中去除开始和结束的空格。
<!DOCTYPE html>
<html>
<head>
<title>How to calculate the number
of words in a string using Javascript?</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h3>How to calculate the number of words
in a string using Javascript?</h3>
<textarea> Geeks For GEEKS </textarea>
<br>
<button type="button">Click</button>
<script type="text/javascript">
(document).ready(function() {
("button").click(function() {
// reduce the whitespace from both sides of a string.
var geeks1 = .trim(("textarea").val());
//split a string into an array of substrings
var geek = geeks1.split(" ")
// count number of elements
alert(geek.length);
});
});
</script>
</body>
</html>
输出:
- 在点击按钮之前。
- 点击按钮后。
例子2：没有trim()方法
<!DOCTYPE html>
<html>
<head>
<title>Calculate the number
of Words in a String</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h3>How to calculate the number of
words in a string using Javascript?</h3>
<p id="geeks1"></p>
<br>
<button onclick="myFunction()">Click</button>
<p id="geeks"></p>
<script>
var str = "Geeks For Geeks";
document.getElementById("geeks1").innerHTML = str;
function myFunction() {
var res = str.split(" ");
document.getElementById(
"geeks").innerHTML = res.length;
}
</script>
</body>
</html>
输出:
- 在点击按钮之前。
- 点击按钮后。
