我写了一个Javascript的小程序,可以在网页上实时显示天气信息。效果如下:
有兴趣的朋友,可以下载源文件。
由于我是第一次发布自己写的程序,写得不好之处,还请大家多批评。
(完)
附:reademe.txt
Yahoo天气插件(Yahoo Weather JS Parser)
作者:阮一峰
主页:http://www.ruanyifeng.com/blog/
版本:v0.1
日期:2007年6月9日
一、简述
利用Ajax技术,实时返回Yahoo! weather的天气信息。
二、特点
1)全球任意一个地点的天气信息,实时返回。每小时更新一次数据。
2)天气信息种类全,包括地点、经度、纬度、气温、气温、风向、风速、湿度、能见度、日出时间、日落时间、未来24小时天气预报等内容。并且,提供大、小两种格式的天气示意图。
3)采用缓存设计,最大限度地减轻服务器端压力。
三、安装条件
1) 服务器端必须支持php。
2)在打开缓存选项时(默认打开),文件所在的目录必须具有写权限。
四、安装步骤
1)解压文件压缩包,其中包含4个文件,分别为weather.js、weather.php、demo.html和readme.txt。
2) 将weather.js和weather.php上传至网页所在的目录,该目录必须具有写权限。
3)访问http://weather.yahoo.com,在地点搜索框中,输入所要查找的城市的英文名字。注意,该网站只支持英文搜索。地区码就是该城市的天气页的文件名。比如,上海的天气位于网页http://weather.yahoo.com/forecast/CHXX0116.html,则CHXX0116就是上海的地区码。
4)将地区码代入下面的代码,然后将这些代码插入你所要放置天气信息的网页。
<script type="text/javascript" src="weather.js"></script>
<div id="weather_info"></div>
<script type="text/javascript">
showWeatherInfo("你的地区码");
</script>
5) 打开浏览器,访问该网页。正常情况下,你就可以立刻看到实时返回的天气信息了。
五、常见问题
问:如何配置天气信息的显示模板?
答:打开weather.js文件,找到weatherTemplate函数,该函数的注释中有如何编辑模板的说明。
(完)
boy 说:
写一个google map api的地图版天气预报吧
2008年2月22日 19:12 | # | 引用
Ruan YiFeng 说:
Google Map 的天气层网上已经有很多了……
2008年2月23日 01:43 | # | 引用
Symbol Lee 说:
高手!我好景仰!
2008年10月13日 21:06 | # | 引用
周周 说:
天气信息哪儿来的啊?
2008年12月13日 13:21 | # | 引用
路过 说:
没有用,放到网页上什么反应都没有
2008年12月19日 15:34 | # | 引用
Leo 说:
很好用,不过我想显示同时显示华氏度和摄氏度,是哪个变量呢?没看到
2010年5月19日 06:12 | # | 引用
ltzMaxwell 说:
阮老师,我的一个项目中所用的yahoo天气码都是按照您程序中的翻译,请问是否可以。
2013年11月28日 15:12 | # | 引用
耿贯一 说:
你好 我放在网页为什么没有效果
2014年4月18日 10:26 | # | 引用
黄巧 说:
为什么我下载之后运行demo,出现这样的报错呢?
weather.js:38 Uncaught TypeError: Cannot read property 'documentElement' of null
at XMLHttpRequest.weatherCallback (weather.js:38)
2018年5月 8日 11:32 | # | 引用