Toggle navigation
教程目录
互动课程
官方博客
登录
注册
HTML5 天气预报
互动版
需求与设计
功能介绍
技术要点
页面设计
通过具体城市,获取此城市的标识
页面初始化
输入框获取焦点,失去焦点
按钮按下事件,点击事件
调用yahoo的Weather API来取得天气
通过城市标识,获取天气信息
获取数据成功,为占位符绑定数据
天气条件的标识码,显示规定的图片
全部教程
HTML5 天气预报
HTML5 天气预报
功能介绍
功能介绍
在输入城市文本框中,输入城市来改变它,然后按
回车
来保存和更新天气数据。
你也可以通过点击右上角的温度来改变温度刻度(华氏摄氏度)。
这里我会默认给定一个城市(
北京
),会显示北京的天气情况。
技术要点