`
alvinqq
  • 浏览: 180734 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript查询天气预报信息

JavaScriptMicrosoft 
阅读更多
iframe的形式来显示其他网站上的天气预报，这样有一点不好，没有自己的风格，可以通过类来读取这些天气信息，然后我们就可以在页面上构造自己想要的效果和风格，我寻思着能不能用JS也获取天气信息，然后在页面显示的时候自己布局。没准还真让我碰出来了。 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <script language="javascript">
    var xmlhttp=null;  
    function getWeather()
    {  	
		var cityNameId=document.getElementById("cityNameId");
		var cityId=cityNameId.options[cityNameId.selectedIndex].text;
		var id=cityId.substring(cityId.indexOf("(")+1,cityId.indexOf(")"));
		if (window.XMLHttpRequest)
		{
		  	xmlhttp=new XMLHttpRequest();
		}
		else if (window.ActiveXObject)
		{		
		  	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");	
		}
		else
		{
			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
        xmlhttp.open("GET","http://www.webxml.com.cn/WebServices/WeatherWebService.asmx/getWeatherbyCityName?theCityName="+id,true);
        xmlhttp.onreadystatechange=stateChange;
        xmlhttp.send(null);
    }
    function stateChange()
    {
       if(xmlhttp.readyState==4)
       {
       	  if(xmlhttp.status==200)
       	  {
	          //获取所有返回的数据
	          var data=xmlhttp.responseXML;	
			  var weather= "城市："+data.getElementsByTagName("string")[1].firstChild.nodeValue+"\n"
						  +"温度："+data.getElementsByTagName("string")[5].firstChild.nodeValue+"\n"
						  +"天气："+data.getElementsByTagName("string")[6].firstChild.nodeValue+"\n"
						  +"实况："+data.getElementsByTagName("string")[10].firstChild.nodeValue+"\n";
	          alert(weather);	    
          }
       }

    }

</script>
  </head>
  <body>
<form target="_blank" action="http://www.webxml.com.cn/WebServices/WeatherWebService.asmx/getWeatherbyCityName"  method="POST">                    
<center>
<table cellspacing="0" cellpadding="4" frame="box" bordercolor="#dcdcdc" rules="none" style="border-collapse: collapse;">
	<tr>
		<td class="frmHeader" background="#dcdcdc" style="border-right: 2px solid white;">参数</td>
		<td class="frmHeader" background="#dcdcdc">值</td>
	</tr>
	<tr>
		 <td class="frmText" style="color: #000000; font-weight: normal;">选择城市编号：</td>
		 <td>
			<select id="cityNameId">
  <option>北京 (54511)</option>
  <option>上海 (58367)</option>
  <option>天津 (54517)</option>
  <option>重庆 (57516)</option>
  <option>香港 (45005)</option>
  <option>澳门 (45011)</option>
  <option>哈尔滨 (50953)</option>
  <option>齐齐哈尔 (50745)</option>
  <option>牡丹江 (54094)</option>
  <option>大庆 (50842)</option>
  <option>伊春 (50774)</option>
  <option>双鸭山 (50884)</option>
  <option>鹤岗 (50775)</option>
  <option>鸡西 (50978)</option>
  <option>佳木斯 (50873)</option>
  <option>七台河 (50971)</option>
  <option>黑河 (50468)</option>
  <option>绥化 (50853)</option>
  <option>大兴安岭 (50442)</option>
  <option>长春 (54161)</option>
  <option>吉林 (54172)</option>
  <option>白山 (54371)</option>
  <option>白城 (50936)</option>
  <option>四平 (54157)</option>
  <option>松原 (50946)</option>
  <option>辽源 (54260)</option>
  <option>大安 (50945)</option>
  <option>通化 (54363)</option>
  <option>沈阳 (54342)</option>
  <option>大连 (54662)</option>
  <option>葫芦岛 (54453)</option>
  <option>旅顺 (54660)</option>
  <option>本溪 (54346)</option>
  <option>抚顺 (54353)</option>
  <option>铁岭 (54249)</option>
  <option>辽阳 (54347)</option>
  <option>营口 (54471)</option>
  <option>阜新 (54237)</option>
  <option>朝阳 (54324)</option>
  <option>锦州 (54337)</option>
  <option>丹东 (54497)</option>
  <option>鞍山 (54339)</option>
  <option>呼和浩特 (53463)</option>
  <option>锡林浩特 (54102)</option>
  <option>包头 (53446)</option>
  <option>赤峰 (54218)</option>
  <option>海拉尔 (50527)</option>
  <option>乌海 (53512)</option>
  <option>鄂尔多斯 (53543)</option>
  <option>锡林浩特 (54102)</option>
  <option>通辽 (54135)</option>
  <option>石家庄 (53698)</option>
  <option>唐山 (54534)</option>
  <option>张家口 (54401)</option>
  <option>廊坊 (54515)</option>
  <option>邢台 (53798)</option>
  <option>邯郸 (53892)</option>
  <option>沧州 (54616)</option>
  <option>衡水 (54702)</option>
  <option>承德 (54423)</option>
  <option>保定 (54602)</option>
  <option>秦皇岛 (54449)</option>
  <option>郑州 (57083)</option>
  <option>开封 (57091)</option>
  <option>洛阳 (57073)</option>
  <option>平顶山 (57171)</option>
  <option>焦作 (53982)</option>
  <option>鹤壁 (53990)</option>
  <option>新乡 (53986)</option>
  <option>安阳 (53898)</option>
  <option>濮阳 (54900)</option>
  <option>许昌 (57089)</option>
  <option>漯河 (57186)</option>
  <option>三门峡 (57051)</option>
  <option>南阳 (57178)</option>
  <option>商丘 (58005)</option>
  <option>信阳 (57297)</option>
  <option>周口 (57195)</option>
  <option>驻马店 (57290)</option>
  <option>济南 (54823)</option>
  <option>青岛 (54857)</option>
  <option>淄博 (54830)</option>
  <option>威海 (54774)</option>
  <option>曲阜 (54918)</option>
  <option>临沂 (54938)</option>
  <option>烟台 (54765)</option>
  <option>枣庄 (58024)</option>
  <option>聊城 (54806)</option>
  <option>济宁 (54915)</option>
  <option>菏泽 (54906)</option>
  <option>泰安 (54827)</option>
  <option>日照 (54945)</option>
  <option>东营 (54736)</option>
  <option>德州 (54714)</option>
  <option>滨州 (54734)</option>
  <option>莱芜 (54828)</option>
  <option>潍坊 (54843)</option>
  <option>太原 (53772)</option>
  <option>阳泉 (53782)</option>
  <option>晋城 (53976)</option>
  <option>晋中 (53778)</option>
  <option>临汾 (53868)</option>
  <option>运城 (53959)</option>
  <option>长治 (53882)</option>
  <option>朔州 (53578)</option>
  <option>忻州 (53674)</option>
  <option>大同 (53487)</option>
  <option>南京 (58238)</option>
  <option>苏州 (58357)</option>
  <option>昆山 (58356)</option>
  <option>南通 (58259)</option>
  <option>太仓 (58377)</option>
  <option>吴县 (58349)</option>
  <option>徐州 (58027)</option>
  <option>宜兴 (58346)</option>
  <option>镇江 (58248)</option>
  <option>淮安 (58145)</option>
  <option>常熟 (58352)</option>
  <option>盐城 (58151)</option>
  <option>泰州 (58246)</option>
  <option>无锡 (58354)</option>
  <option>连云港 (58044)</option>
  <option>扬州 (58245)</option>
  <option>常州 (58343)</option>
  <option>宿迁 (58131)</option>
  <option>合肥 (58321)</option>
  <option>巢湖 (58326)</option>
  <option>蚌埠 (58221)</option>
  <option>安庆 (58424)</option>
  <option>六安 (58311)</option>
  <option>滁州 (58236)</option>
  <option>马鞍山 (58336)</option>
  <option>阜阳 (58203)</option>
  <option>宣城 (58433)</option>
  <option>铜陵 (58429)</option>
  <option>淮北 (58116)</option>
  <option>芜湖 (58334)</option>
  <option>宿州 (58122)</option>
  <option>淮南 (58224)</option>
  <option>池州 (58427)</option>
  <option>西安 (57036)</option>
  <option>韩城 (53955)</option>
  <option>安康 (57245)</option>
  <option>汉中 (57127)</option>
  <option>宝鸡 (57016)</option>
  <option>咸阳 (57048)</option>
  <option>榆林 (53646)</option>
  <option>渭南 (57045)</option>
  <option>商洛 (57143)</option>
  <option>铜川 (53947)</option>
  <option>延安 (53845)</option>
  <option>银川 (53614)</option>
  <option>固原 (53817)</option>
  <option>中卫 (53704)</option>
  <option>石嘴山 (53518)</option>
  <option>吴忠 (53612)</option>
  <option>兰州 (52889)</option>
  <option>白银 (52896)</option>
  <option>庆阳 (53829)</option>
  <option>酒泉 (52533)</option>
  <option>天水 (57006)</option>
  <option>武威 (52679)</option>
  <option>张掖 (52652)</option>
  <option>甘南 (50741)</option>
  <option>临夏 (52984)</option>
  <option>平凉 (53915)</option>
  <option>定西 (52995)</option>
  <option>金昌 (52675)</option>
  <option>西宁 (52866)</option>
  <option>海北 (52754)</option>
  <option>海西 (52737)</option>
  <option>黄南 (56065)</option>
  <option>果洛 (56043)</option>
  <option>玉树 (56029)</option>
  <option>海东 (52875)</option>
  <option>海南 (52856)</option>
  <option>武汉 (57494)</option>
  <option>宜昌 (57461)</option>
  <option>黄冈 (57498)</option>
  <option>恩施 (57447)</option>
  <option>荆州 (57476)</option>
  <option>神农架 (57362)</option>
  <option>十堰 (57256)</option>
  <option>咸宁 (57590)</option>
  <option>襄樊 (57278)</option>
  <option>孝感 (57482)</option>
  <option>随州 (57381)</option>
  <option>黄石 (58407)</option>
  <option>荆门 (57377)</option>
  <option>鄂州 (57496)</option>
  <option>长沙 (57679)</option>
  <option>邵阳 (57766)</option>
  <option>常德 (57662)</option>
  <option>郴州 (57972)</option>
  <option>吉首 (57649)</option>
  <option>株洲 (57780)</option>
  <option>娄底 (57763)</option>
  <option>湘潭 (57773)</option>
  <option>益阳 (57674)</option>
  <option>永州 (57866)</option>
  <option>岳阳 (57584)</option>
  <option>衡阳 (57872)</option>
  <option>怀化 (57749)</option>
  <option>韶山 (57771)</option>
  <option>张家界 (57558)</option>
  <option>杭州 (58457)</option>
  <option>湖州 (58450)</option>
  <option>金华 (58549)</option>
  <option>宁波 (58563)</option>
  <option>丽水 (58646)</option>
  <option>绍兴 (58453)</option>
  <option>衢州 (58633)</option>
  <option>嘉兴 (58452)</option>
  <option>台州 (58660)</option>
  <option>舟山 (58477)</option>
  <option>温州 (58659)</option>
  <option>南昌 (58606)</option>
  <option>萍乡 (57786)</option>
  <option>九江 (58502)</option>
  <option>上饶 (58637)</option>
  <option>抚州 (58617)</option>
  <option>吉安 (57799)</option>
  <option>鹰潭 (58627)</option>
  <option>宜春 (57793)</option>
  <option>新余 (57796)</option>
  <option>景德镇 (58527)</option>
  <option>赣州 (57993)</option>
  <option>福州 (58847)</option>
  <option>厦门 (59134)</option>
  <option>龙岩 (58927)</option>
  <option>南平 (58834)</option>
  <option>宁德 (58846)</option>
  <option>莆田 (58946)</option>
  <option>泉州 (59137)</option>
  <option>三明 (58828)</option>
  <option>漳州 (59126)</option>
  <option>贵阳 (57816)</option>
  <option>安顺 (57806)</option>
  <option>赤水 (57609)</option>
  <option>遵义 (57713)</option>
  <option>铜仁 (57741)</option>
  <option>六盘水 (56693)</option>
  <option>毕节 (57707)</option>
  <option>凯里 (57825)</option>
  <option>都匀 (57827)</option>
  <option>成都 (56294)</option>
  <option>泸州 (57602)</option>
  <option>内江 (57504)</option>
  <option>凉山 (56571)</option>
  <option>阿坝 (56171)</option>
  <option>巴中 (57313)</option>
  <option>广元 (57206)</option>
  <option>乐山 (56386)</option>
  <option>绵阳 (56196)</option>
  <option>德阳 (56198)</option>
  <option>攀枝花 (56666)</option>
  <option>雅安 (56287)</option>
  <option>宜宾 (56492)</option>
  <option>自贡 (56396)</option>
  <option>甘孜州 (56146)</option>
  <option>达州 (57328)</option>
  <option>资阳 (56298)</option>
  <option>广安 (57415)</option>
  <option>遂宁 (57405)</option>
  <option>眉山 (56391)</option>
  <option>南充 (57411)</option>
  <option>广州 (59287)</option>
  <option>深圳 (59493)</option>
  <option>潮州 (59312)</option>
  <option>韶关 (59082)</option>
  <option>湛江 (59658)</option>
  <option>惠州 (59298)</option>
  <option>清远 (59280)</option>
  <option>东莞 (59289)</option>
  <option>江门 (59473)</option>
  <option>茂名 (59659)</option>
  <option>肇庆 (59278)</option>
  <option>汕尾 (59501)</option>
  <option>河源 (59293)</option>
  <option>揭阳 (59315)</option>
  <option>梅州 (59117)</option>
  <option>中山 (59485)</option>
  <option>德庆 (59269)</option>
  <option>阳江 (59663)</option>
  <option>云浮 (59471)</option>
  <option>珠海 (59488)</option>
  <option>汕头 (59316)</option>
  <option>南宁 (59431)</option>
  <option>桂林 (57957)</option>
  <option>阳朔 (59051)</option>
  <option>柳州 (59046)</option>
  <option>梧州 (59265)</option>
  <option>玉林 (59453)</option>
  <option>桂平 (59254)</option>
  <option>贺州 (59065)</option>
  <option>钦州 (59632)</option>
  <option>贵港 (59249)</option>
  <option>防城港 (59635)</option>
  <option>百色 (59211)</option>
  <option>北海 (59644)</option>
  <option>河池 (59023)</option>
  <option>来宾 (59242)</option>
  <option>崇左 (59425)</option>
  <option>昆明 (56778)</option>
  <option>保山 (56748)</option>
  <option>楚雄 (56768)</option>
  <option>德宏 (56844)</option>
  <option>红河 (56975)</option>
  <option>临沧 (56951)</option>
  <option>怒江 (56533)</option>
  <option>曲靖 (56783)</option>
  <option>思茅 (56964)</option>
  <option>文山 (56994)</option>
  <option>玉溪 (56875)</option>
  <option>昭通 (56586)</option>
  <option>丽江 (56651)</option>
  <option>大理 (56751)</option>
  <option>海口 (59758)</option>
  <option>三亚 (59948)</option>
  <option>儋州 (59845)</option>
  <option>琼山 (59757)</option>
  <option>通什 (59941)</option>
  <option>文昌 (59856)</option>
  <option>乌鲁木齐 (51463)</option>
  <option>阿勒泰 (51076)</option>
  <option>阿克苏 (51628)</option>
  <option>昌吉 (51368)</option>
  <option>哈密 (52203)</option>
  <option>和田 (51828)</option>
  <option>喀什 (51709)</option>
  <option>克拉玛依 (51243)</option>
  <option>石河子 (51356)</option>
  <option>塔城 (51133)</option>
  <option>库尔勒 (51656)</option>
  <option>吐鲁番 (51573)</option>
  <option>拉萨 (55591)</option>
  <option>阿里 (55437)</option>
  <option>昌都 (56137)</option>
  <option>那曲 (55299)</option>
  <option>日喀则 (55578)</option>
  <option>山南 (55598)</option>
  <option>林芝 (56312)</option>
  <option>台北 (58968)</option>
  <option>高雄 (59554)</option>
  <option>伊斯坦布尔 ISTANBUL (17060)</option>
  <option>德黑兰 TEHRAN (40754)</option>
  <option>卡拉奇 KARACHI (41781)</option>
  <option>新德里 NEW DELHI (42182)</option>
  <option>科伦坡 COLOMBO (43466)</option>
  <option>首尔 SEOUL (47108)</option>
  <option>釜山 BUSAN (47159)</option>
  <option>东京 TOKYO (47662)</option>
  <option>仰光 YANGON (48097)</option>
  <option>曼谷 BANGKOK (48454)</option>
  <option>吉隆坡 KUALA LUMPUR (48647)</option>
  <option>河内 HA NOI (48820)</option>
  <option>北京 BEIJING (54511)</option>
  <option>雅加达 JAKARTA (96745)</option>
  <option>汉堡 HAMBURG (10141)</option>
  <option>柏林 BERLIN (10381)</option>
  <option>法兰克福 FRANKFURT (10637)</option>
  <option>维也纳 VIENNA (11034)</option>
  <option>米兰 MILANO (16066)</option>
  <option>罗马 ROMA (16235)</option>
  <option>雅典 ATHENS (16701)</option>
  <option>斯德哥尔摩 STOCKHOLM (2484)</option>
  <option>莫斯科 MOSKVA (27612)</option>
  <option>曼彻斯特 MANCHESTER (3334)</option>
  <option>伦敦 LONDON (3779)</option>
  <option>阿姆斯特丹 AMSTERDAM (6240)</option>
  <option>布鲁塞尔 BRUSSELES (6451)</option>
  <option>苏黎世 ZURICH (6660)</option>
  <option>日内瓦 GENEVE (6700)</option>
  <option>巴马科 BAMAKO (61291)</option>
  <option>亚的斯亚贝巴 ADDIS ABABA (63450)</option>
  <option>内罗毕 NAIROBI (63740)</option>
  <option>阿克拉 ACCRA (65472)</option>
  <option>马普托 MAPUTO (67341)</option>
  <option>约翰内斯堡 JOHANNESBURG (68368)</option>
  <option>曼齐尼 MANZINI (68396)</option>
  <option>开普敦 CAPE TOWN (68816)</option>
  <option>多伦多 TORONTO (71624)</option>
  <option>蒙特利尔 MONTREAL (71627)</option>
  <option>渥太华 OTTAWA (71628)</option>
  <option>温哥华 VANCOUVER (71892)</option>
  <option>迈阿密 MIAMI (72202)</option>
  <option>亚特兰大 ATLANTA (72219)</option>
  <option>休斯敦 HOUSTON (72243)</option>
  <option>洛杉矶 LOS ANGELES (72295)</option>
  <option>拉斯维加斯 LAS VEGAS (72386)</option>
  <option>华盛顿 WASHINGTON DC (72403)</option>
  <option>纽约 NEW YORK (72503)</option>
  <option>波士顿 BOSTON  (72509)</option>
  <option>芝加哥 CHICAGO (72530)</option>
  <option>西雅图 SEATTLE (72793)</option>
  <option>圣地亚哥 SANTIAGO DE CUBA (78264)</option>
  <option>波哥大 BOGOTA (80222)</option>
  <option>利马 LIMA (84628)</option>
  <option>蒙特港 PUERTO MONTT (85799)</option>
  <option>布宜诺斯艾利斯 BUENOS AIRES (87585)</option>
  <option>奥克兰 AUCKLAND (93110)</option>
  <option>惠灵顿 WELLINGTON (93436)</option>
  <option>悉尼 SYDNEY (94767)</option>
  <option>墨尔本 MELBOURNE (94868)</option>
  <option>堪培拉 CANBERRA (94926)</option>
  <option>佛山 (59279)</option>
  <option>吕梁 (53753)</option>
  <option>伊宁 (51431)</option>
 </select>
		 </td>
	</tr> 
	<tr>
		 <td></td>
		  <td align="right"> <input type="button" onclick="getWeather();" value="查询" class="button"></td>
	</tr>	
</table>
</center>
</form>
  </body>
</html>


单独运行这个静态网页是没有问题的，但是让我疑惑的是，当我把这个网页放到工程里就运行不出来了，报错，说网站拒绝访问，
分享到：
| java类获取天气预报信息
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics