html网页调用天气预报的几种方法

html-css029

html网页调用天气预报的几种方法,第1张

1、QQ天气

<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='></IFRAME>

优缺点:界面不错,可以自己设置一个默认城市,其他城市可以在下面选择,方便快捷。缺点就是你也知道默认城市的代码,可以看这里(有一些也不准)。

2、QQ天气

<iframe width=160 height=230 frameborder=0 scrolling=NO src=appnews.qq.com/cgi-

bin/news_qq_search?city=重庆></iframe>

网页本身不复杂,问题是天气预报的数据你怎么弄,如果你自己有那到没什么,做个简单的显示就行了。如果你没有数据,那就做个数据抓取程序上别人网站抓去吧,把抓过来的数据处理一下显示就行了。

每个语言都有抓取的函数,网上有代码,你可以找一下,不过有点麻烦,还是使用楼下的那种别的网站提供的代码吧。

例如河南郑州的代码:你只需要在你网站插入下面语句就行了:<iframe src="http://m.weather.com.cn/m/pn1/weather.htm " width="235" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>

你可以在http://service.weather.com.cn/plugin/forcast.shtml?id=pn1选择你要显示城市的代码

<html>

<head>

<title>5-15天气预报图像映射</title>

</head>

<body>

<p align="center">

<a href="郑州.html"><img src="images/chmap.jpg" width="650" height="538" border="0" usemap="#china"></a>

<map name="china">

<area shape="rect" coords="436,272,492,308" href="郑州.html" alt="郑州">

<area shape="circle" coords="497,196,14" href="北京.html" alt="北京">

<area shape="circle" coords="560,327,16" href="上海.html" alt="上海">

<area shape="poly" coords="542,110,629,130,587,169" href="长春.html" alt="长春">

</map>

</p>

<br>

<br>

<h2 align="left"> </h2>

<h2 align="left"> </h2>

<h2 align="left"> </h2>

</body>

</html>