A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

吴利君
今天学习了js的一些很实用的知识,我们可以通过今天学习的几个案例进行总结。
首先是今天的第一个案例,表单的校验,这个案例很经典,有很多一些基础的项目都会使用这个,比如后面用户的注册,创建新的文件资料都需要用到非空的验证,或者有特殊含义的东西,比如电话号码,邮政编码等等,这些都是不能随便填的,所以我们可以使用今天的案例,通过doucment对象来获取我们需要的数据,然后通过正则获取其他的规则进行对比,然后来限制。不过后面的JQuery有提供很多这种规则,很多时候直接使用就可以,但是那些规则有的是不全的,你需要自己重新定义。
我个人觉得第一个案例需要注意的知识就是三个事件的使用方式,onsubmit,onfocus,onblar,我们可以通过这些事件结合一下css样式可以做出很多不同的特效出来,比如使用onfocus和onblar结合css样式可以做出移近变色放大缩小等特性,如果使用HTML5的动画,淡入淡出等效果,当然,如果使用后面的鼠标监听事件效果会更好。
然后就是js的隔行变色,这个案例实现其实并不难,主要的知识点事可以通过table.rows来获取这个表格的所有的行,然后就可以直接对这些行进行赋值,当然这种事选择全部的,我们可以单独选择table的头部或者身体然后进行属性设置,代码为tab1.tBodies和tab1.tHead,只有这个关键点知道了后面的都是java的常规操作了!
第三个案例是复选框,这个案例也很经典,有很多地方可以使用,比如问卷调查等等,这里的主要知识是checkbox的checked这个属性,每当我们选中的时候,这个属性的值就会变成true,这就很关键了!我们可以通过这个属性来完成全选,单选,或者多选,单选很简单,多选也是很简单,多选只有设置一个开关,然后点击这个开关,我们就把某个容器里面所有的checkbox标签选中然后进行赋值为false,或者true,这样就可以实现。如果是多选的话,我们可以和多选一样,全选所有的checkbox标签然后进行便利循环,把所有checked为true或者为false的checkbox挑出来,然后把数值传递给后台,这样就完成了多选的功能。
第四个案例是省级联动,这个也是很实用的案例,不过网上有很多这种插件,而且自己写的话,全国数据太多,所以不推荐自己写省级的,一些小的多选可以使用,这种大工作量的直接使用现成的岂不快哉?当然,写这段案例,我觉得主要的知识是二维数组的定义,虽然java里面使用的很熟练了,但是js里面还是得多练练,两者差不多,不过js是弱类的脚本语言,所以写的会随便一点,其次是元素的创建和文本的创建以及节点的插入,这个很好用,比如我们可以对我们的容器进行多个内容插入却,只需要一个for循环,多爽啊!还有就是有的时候如果使用ajax从后台获取多个数据,比如数据字典,也可以使用这个方法进行遍历输出。
总之,今天学习的东西内容不多,但是很适合练手,多敲敲会加深对js获取数据的流程的理解,也理解js设计模式,对后面学习JQuery有很大帮助。
最后,js代码敲一行测一下永远是对的!不然js出错真的太难找,使用alert一直调,难受。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马