一聚教程网：一个值得你收藏的教程网站

ps教程 | flash教程 | 路由器设置 | Jsp教程 | 加入收藏

PHP教程 Css教程 操作系统 数据库

首页 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
当前位置：一聚教程网 > 网页制作 > js教程

推荐专题

最新下载

热门教程

js实现多行文本框统计剩余字数功能

时间：2017-08-01 编辑：简简单单 来源：一聚教程网

效果图：

代码如下：

 代码如下 复制代码
    js统计文本框剩余字数      #area{      width: 300px;      height: 300px;      resize:none;    }      你还可以输入:10个字           function sy() {       var num=document.getElementById("area").value.length;       //console.log(num);       var sheng=10-num;       if(sheng==0){         //变颜色为红色         console.log(sheng);         document.getElementById("span").style.color="#ff0000";       }else{         //变颜色为黑色         document.getElementById("span").style.color="#000000";       }       document.getElementById("span").innerHTML=sheng;     }     function fun(){       var txt=document.getElementById("area").value;       //这么写的意思是申请abc三个值都为0       var a=b=c=0;       for(var i=0;i="a"&&ch<="z"){           a++;         }else if(ch>="A"&&ch<="Z"){           b++;         }else if(ch>="0"&&ch<="9"){           c++;         }       }       //abc中分别统计了小写字母、大写字母、数字的个数       document.getElementById("div").innerHTML="大写字母有"+b+"个，小写字母有"+a+"个，数字有"+c+"个";     }  


相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2024 www.111COM.NET AII Right Reserved 苏ICP备17065847号-2

网站内容来自网络整理或网友投稿如有侵权行为请邮件:yijucomnet@163.com 我们24小时内处理