高级JavaScript练习和简单示例分析

当用户单击“统计”按钮时，文本框中出现频率最高的字符会在窗口中弹出，并显示它们出现的时间。

当效果如图所示时，单击统计按钮：

实现代码：

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title script type=' text/JavaScript ' window . onload=function(){//获取表单对象varform=document . getelementbyid(' my form ')；//注册统计按钮，点击事件表单. btn.onclick=function () {//获取文本框中的值var txt=form . name . value；//定义一个空js对象，保存文本空间中的所有字符及其出现的次数var JSON={ }；//遍历文本框中的值，即保存在txt变量中的字符串for(var I=0)；i txt.lengthI) {//从txt字符串中提取下标I，判断json对象是否没有定义属性if(！JSON[txt . charat(I)]{//如果没有定义，则定义该属性(代表文本框中出现的字符)，赋值1，表示该属性对应的字符在文本框中出现的次数JSON[txt . charat(I)]=1；} else {//已定义，则该属性的值将增加1，即表示该属性的对应字符在文本框中出现的次数将增加1 JSON[txt . charat(I)]；} }//定义两个变量var maxnum=0；//代表文本框中最频繁出现的字符的默认出现次数为0 var char=//代表文本框中最频繁出现的字符默认为空。//遍历json对象的属性值为(json中的var I){ If(JSON[I]maxnum){//如果JSON属性的值大于maxnum(也就是说这个属性对应的字符在这个框中出现的频率比前面所有的字符都要高)，将其赋给maxnum，并将其属性名赋给char maxnum=json[i]。char=I；}} alert('文本框中最多的字符是：' char '出现在：' maxnum ')；} };/script/headbody表单id=' my form ' input type=' text ' name=' name ' value=' 123 '/input type=' button ' name=' BTN ' value=' statistics '/form/body/html js对象属性可以在后期添加，并综合应用js对象的遍历等对象属性。

Js相关知识可以参考javascript对象的相关操作。

以上JavaScript高级练习和简单案例分析都是边肖分享的内容。希望能给大家一个参考，支持我们。