动态统计字数（JavaScript+HTML控件）

最近做了一个发短信的系统，其中最重要的部分就是输入短信内容的同时，统计字数和统计以N条短信发送之类的功能。

这功能很简单，也很实用。

具体思路如下：

1.首先选择好控件，我选择的是Textarea。这控件好处就是有onkeyup和onkeydown这两个实现动态统计自诉的方法。然后用2个Span来分别统计字数和短信数。

2.接下来就是写一段JavaScript脚本来实现统计的逻辑了。

具体代码如下：

<script language="javascript">
        function OnChange() {
            var 【字数】 = document.all.【Textarea】.value.length;
            【Span字数】.innerText = 【字数】;
            if (【字数】<= 64) {
                【Span短信数】.innerText = "1";
            }
            else {
                if ((64 < 【字数】) && (【字数】<= 128)) {
                    【Span短信数】.innerText = "2";
                }
                if ((128 < 【字数】) && (【字数】<= 192)) {
                    【Span短信数】.innerText = "3";
                }
                if ((192 < 【字数】) && (【字数】<= 256)) {
                    【Span短信数】.innerText = "4";
                }
                if ((256 < 【字数】) && (【字数】<= 320)) {
                    【Span短信数】.innerText = "5";
                }
                if ((320 < 【字数】) && (【字数】<= 384)) {
                    【Span短信数】.innerText = "6";
                }
                if ((384 < 【字数】) && (【字数】<= 448)) {
                    【Span短信数】.innerText = "7";
                }
                if ((448 < 【字数】) && (【字数】<= 512)) {
                    【Span短信数】.innerText = "8";
                }
                if ((512 < 【字数】) && (【字数】<= 576)) {
                    【Span短信数】.innerText = "9";
                }
            }
        }
    </script>

3.在onkeydown和onkeyup两个方法上分别调用上面的这个OnChange()脚本。

 

这样就完成了。很简单也很实用。我是个初学者，以后还得请大家多多指教多多批评。