这个函数btnHandle()怎么理解？

<!DOCTYPE><html> <head> <meta charset="utf-8"> <title>ief</title> </head><body> <ul id="source"> <li>北京空气质量：90</li> <li>上海空气质量：70</li> <li>天津空气质量：80</li> <li>广州空气质量：50</li> <li>深圳空气质量：40</li> <li>福州空气质量：32</li> <li>成都空气质量：90</li> </ul> <ul id="resort">  </ul> <button id="sort-btn">排序</button><script type="text/javascript">//通过元素匹配数组并提取其中需要的信息组成新的数组function getData(){ var data=[]; var source=document.getElementById("source"); var oli=source.getElementsByTagName("li"); for (var i = 0; i <oli.length; i++) { data.push(oli[i].innerHTML.replace(/(.*)空气质量：([0-9]*)<\/b>/,'$1 $2').split(" ")); } return data;}//将新数组data按照从大到小排序function sortAqiData(data) { return data.sort(function(a,b){ return b[1]-a[1] })}//将排序后的数组利用遍历写到指定位置function render(data) { var resort = document.getElementById('resort'); data.forEach(function(item, index,array) { resort.innerHTML += '<li>第' + (index + 1) + '名：' + item[0] + '空气质量：' + '' + item[1] + '</li>'; }); }//定义onclick的属性值？？？？？？？？？？？？？？？？？这个怎么理解？？？？？？？？？？？？？？？？？？？？function btnHandle() { var aqiData = getData(); aqiData = sortAqiData(aqiData); render(aqiData);}//给按钮添加onclick属性和值function init() { var btn=document.getElementById("sort-btn"); btn.setAttribute("onclick","btnHandle()");}init();</script></body></html>

查看完整描述

2 回答

oldwan

TA贡献2条经验获得超2个赞

  /**
   * 也可以写成下面的样子  
   * getData();
   * sortAqiData(getData());
   * render(sortAqiData(getData()));
   */

1 反对回复 2016-06-11

_潇潇暮雨

TA贡献646条经验获得超225个赞

这个ife的任务吧？就是指定点击的事件处理程序啊。

1 反对回复 2016-04-09

oldwan
这几个函数写到一起了，分开写是什么样的，写到一起有没有什么规则？

回复 2016-04-11
_潇潇暮雨
js非常灵活。其实写不写在一起对于代码的正确运行没有什么区别。但是不推荐在一个函数内部处理大量的任务。最好将每一个单独的任务抽象为一个函数，这样便于维护也更容易看懂。

回复 2016-04-11

热搜

最近搜索清空

这个函数btnHandle()怎么理解？

这个函数btnHandle()怎么理解？

2 回答

添加回答