<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IFE JavaScript Task 01</title>
</head>
<body>
<h3>污染城市列表</h3>
<ul id="aqi-list">
</ul>
<script type="text/javascript">
var aqiData = [
["北京", 95,[2]],
["上海", 50,[3]],
["福州", 10,[7]],
["广州", 50,[4]],
["成都", 90,[6]],
["西安", 100,[5]]
];
(function () {
aqiData.sort(function(a,b){
return a[2][0]-b[2][0]});
var ul = document.getElementsByTagName("ul")[0];
for(var i=0; i<aqiData.length;i++){
//for循环添加只能一条。一定要注意+=
ul.innerHTML += "<li>"+"第"+i+"名:"+aqiData[i][0]+",pm2.5指数:"+aqiData[i][1]+"</li>";
}
})();
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>IFE JavaScript Task 01</title>
</head>
<body>
<h3>污染城市列表</h3>
<ul id="aqi-list">
</ul>
<script type="text/javascript">
var aqiData = [
["北京", 95,[2]],
["上海", 50,[3]],
["福州", 10,[7]],
["广州", 50,[4]],
["成都", 90,[6]],
["西安", 100,[5]]
];
(function () {
aqiData.sort(function(a,b){
return a[2][0]-b[2][0]});
var ul = document.getElementsByTagName("ul")[0];
for(var i=0; i<aqiData.length;i++){
//for循环添加只能一条。一定要注意+=
ul.innerHTML += "<li>"+"第"+i+"名:"+aqiData[i][0]+",pm2.5指数:"+aqiData[i][1]+"</li>";
}
})();
</script>
</body>
</html>