HTML5 天气预报 / 功能介绍 - 汇智网

HTML5 天气预报  互动版

需求与设计

功能介绍技术要点页面设计

通过具体城市，获取此城市的标识

页面初始化输入框获取焦点，失去焦点按钮按下事件，点击事件

调用yahoo的Weather API来取得天气

通过城市标识，获取天气信息获取数据成功，为占位符绑定数据天气条件的标识码，显示规定的图片

功能介绍

在输入城市文本框中，输入城市来改变它，然后按回车来保存和更新天气数据。

你也可以通过点击右上角的温度来改变温度刻度（华氏摄氏度）。

这里我会默认给定一个城市（北京），会显示北京的天气情况。