编写html获取天气(数据来源the&nbs…

最新推荐文章于 2024-01-21 10:48:48 发布

IT女程序员Lyra

最新推荐文章于 2024-01-21 10:48:48 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/zcy33415/article/details/41550305

html 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一个使用HTML、CSS及jQuery获取实时天气信息的应用示例。通过调用wunderground API，该应用能够显示美国爱荷华州锡达拉皮兹市当前的温度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码参考：http://www.wunderground.com/weather/api/d/docs?d=resources/code-samples

下面是完成的html代码，直接存成.html文件即可查看效果：
<!DOCTYPE html>
<html>
<head>
<title>Weather app</title>
<link type="text/css" href="styles/hot.css" rel="stylesheet"/>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
$.ajax({
url : "http://api.wunderground.com/api/0e6546645f60d6a3/geolookup/conditions/q/IA/Cedar_Rapids.json",
dataType : "jsonp",
success : function(parsed_json) {
var
location = parsed_json['location']['city'];
var temp_f = parsed_json['current_observation']['temp_f'];
alert("Current temperature in " + location + " is: " + temp_f);
}
});
});
</script>
</body>
</html>