您的位置:首页 > Web前端 > JavaScript

调用腾讯QQ天气预报的JS代码

2013-03-20 08:14 274 查看
一直在用腾讯的天气预报,原本都挺好的。可是腾讯视乎发现了有外链情况。又是对其IP地址库(http://fw.qq.com:80/ipaddress)加了防盗链,又是升级了脚本代码。导致我原来发的脚本无法正常显示天气。所以,最近抽空修改其代码,使其可以具备自动识别地址的功能,也可以手动指定城市,当然,最总要的是可以自定义显示效果。

简化版(不自动识别用户所在地)测试效果:

北京 -4℃~4℃ 多云,有轻度雾霾

代码如下:

<div id="wealth"> </div>

<script type="text/javascript" src="j.minisite.weather.js" charset="gbk"></script>

<script type="text/javascript">

MiniSite.Weather.print(function(data) {

// data.code: 城市代码

// data.city: 城市名

// data.current: 当前温度

// data.range: 温度范围

// data.wealth: 天气

// data.link: 腾讯天气的链接地址

document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;

},"浙江省","杭州市");

// 如果是直辖市

// MiniSite.Weather.print(function(data) {

// document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;

//},"上海市","上海市");

// 若未填写省市,则默认显示北京的天气

// MiniSite.Weather.print(function(data) {

// document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;

//});

// 完整版

// MiniSite.Weather.print(function(data) {

// document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;

//},"url/to/get/location");

</script>

代码下载

简化版(不自动识别用户所在地)下载地址:JS调用腾讯天气-简化版 [v1.0 - 4.54 kB - 318 Hits]

完整版(自动识别用户所在地)下载地址:JS调用腾讯天气-完整版 [v1.0 - 9.2 kB - 363 Hits] (内含PHP,ASP两种脚本)

完整版需要通过服务器端脚本(PHP、ASP、Java等)来实现了。可以谷歌、百度一下“XX读取纯真IP库”(XX是对应的服务器端脚本)。

完整版的服务器端代码中不包含纯真IP库,请自行下载后放到server/data目录中,文件名是:qqwry.dat

纯真IP库最新版:http://www.crsky.com/soft/2611.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: