我写了一个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)将地区码代入下面的代码,然后将这些代码插入你所要放置天气信息的网页。

showWeatherInfo("你的地区码");

5) 打开浏览器,访问该网页。正常情况下,你就可以立刻看到实时返回的天气信息了。

五、常见问题

问:如何配置天气信息的显示模板?

答:打开weather.js文件,找到weatherTemplate函数,该函数的注释中有如何编辑模板的说明。

(完)

php旅游网站景区天气插件,网页实时天气插件相关推荐

  1. 旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品

    HTML5期末大作业:旅游网站设计--紫色的私人订制国外旅游网站模板html整站(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网 ...

  2. html 视频录制插件,网页视频录制插件工具(浏览器插件 Recorder)

    网页视频录制插件工具(浏览器插件 Recorder)Loom Video Recorder是一款视频录制工具扩展插件,可以一键录制浏览器的单个标签页,,也支持摄像头录制,能够将录制的视频内容下载道本地 ...

  3. php旅游网站景区天气插件,jquery天气插件

    插件描述:一个简单的jQuery插件可以显示当前的天气信息,使用雅虎天气的任何位置. 一个简单的jQuery插件可以显示当前的天气信息,使用雅虎天气的任何位置.开发者James Fleeting.下载 ...

  4. 用DIV+CSS技术设计的凤阳旅游网站(web前端网页制作课作业)HTML+CSS+JavaScript

  5. HTML旅游网页设计制作 DW旅游网站官网滚动网页 DIV旅游风景介绍网页设计与实现

  6. HTML旅游网页设计制作 DW旅游网站官网滚动网页 DIV旅游风景介绍网页设计与实现...

  7. java毕业设计 springboot旅游网站景区景点购票系统 springboot毕业设计题目课题选题 springboot毕业设计项目作品源码(1)开题报告

  8. Android 获取实时天气数据

    先上效果图: 深圳实时天气数据 关于获取实时天气数据有很多种方法,像聚合数据.和风天气等平台都可以提供数据来源,本文主要使用和风天气SDK获取实时天气数据.以下是使用和风天气SDK来获取地方实时天气数 ...

  9. 优秀网页设计:25个精美的旅游网站设计示例

    旅游公司和旅行社的网站通常都会搭配非常有吸引力的精美照片,目的是为了突出视觉吸引力,获取更多的潜在客户.这篇文章向大家分享的25个精美的国外旅游网站设计作品,你可以从这些优秀的网站作品中学习大照片在网 ...

最新文章

  1. Java异常处理12条军规
  2. 数学的关键是概念而非技巧
  3. Silverlight入门系列]使用MVVM模式(1):MVVM核心概念
  4. cisco交换机命令大全(5)
  5. 在java中将数据信息写入文本中(2)
  6. spring boot Redis使用
  7. 网桥(bridge) 和 交换机(switch) 之异同
  8. 学生成绩abcde怎样划分_同等教育下,学生成绩差距较大,怎样避免学习中的“马太效应”?...
  9. 如何使用SSH连接到远程MySQL服务器
  10. JVM(一)内存分配
  11. 原生 JS 撸一个轮播图(支持拖拽切屏)
  12. 查看MD04结果的程序 Production Planning - Extract data from MRP Table
  13. 刷题一个半月,一口气拿下腾讯、华为、Oppo 、微软7个大厂offer,字节跳动薪资涨幅60%!...
  14. 解决markdown-it-prism未能正确加载Languages的BUG
  15. 请检查下面的程序,找出其中的错误并改正,然后上机调试,使之能正常运行,从键盘输入,检查输出
  16. 计算机科学与技术考研报名属于哪一类,计算机考研属于13大门类的哪一类
  17. 《网络攻防》Web安全基础实践
  18. 金融科技大数据产品推荐:金融魔方 ---专业的金融SaaS服务平台
  19. 微信文件分享的那些坑
  20. 网格交易法在交易中的应用

热门文章

  1. 个人部署HRNet随记
  2. java设置文本框里字体颜色_swing设置字体颜色
  3. 鸿蒙OS是怎样实现跨平台的
  4. html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)
  5. Microsoft Visio Professional 2013 安装步骤
  6. yolov8 目标检测与跟踪
  7. slashdot网站架构:硬件和软件 zz
  8. html关闭当前页面前alert,javascript – 停止页面执行,像alert()函数
  9. Java实战之亲戚关系计算器(JavaFX版)(6)——实现计算功能
  10. 保密协议无效认定_签署了竞业限制协议,离职后只能被逼转行吗?详细解析竞业限制...