编程 Javascript

简单三步实现报表页面集成天气

Posted in Javascript onDecember 15, 2016

条条框框的报表页面枯燥乏味？不妨给页面加点“新意”!

前阵子，在看天气预报的时候，发现免费天气预报的调用代码，瞬间想到可以给我开发的报表“润润色”。

一共三个步骤，教你手到擒来

第一步

先去天气资源提供者（自行百度）挑选适合自己页面的预报

第二步

copy框中iframe标签。

JS代码：

document.writeln("<iframe name=\"weather_inc\" src=\"http:\/\/i.tianqi.com\/index.php?c=code&id=1\" width=\"330\" height=\"35\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>");

此代码为可以根据ip自动判断地理位置展示，也可以根据实际需要,适当调整宽度，高度。

在代码中加入 allowtransparency="true"还可以获得背景透明效果。

简单三步实现报表页面集成天气

第三步

报表设计器FineReport中调用

简单三步实现报表页面集成天气

大功告成，下面来张效果图！

简单三步实现报表页面集成天气

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持三水点靠木！

简单三步实现报表页面集成天气

- Author -

老A不折腾

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序

Apr 21 Javascript

jQuery Autocomplete自动完成插件

Jul 17 Javascript

javascript实用小函数使用介绍

Nov 11 Javascript

jQuery设置和获取HTML、文本和值示例

Jul 08 Javascript

js实现跨域访问的三种方法

Dec 09 Javascript

JS实现拖动滚动条评分的效果代码分享

Sep 29 Javascript

js实现3D图片环展示效果

Mar 09 Javascript

Bootstrap学习笔记之进度条、媒体对象实例详解

Mar 09 Javascript

微信小程序实战之轮播图（3）

Apr 17 Javascript

jQuery实现获取table中鼠标click点击位置行号与列号的方法

Oct 09 jQuery

24个ES6方法解决JS实际开发问题(小结)

May 31 Javascript

几款主流好用的富文本编辑器（所见即所得常用编辑器）介绍

Mar 17 Javascript

jQuery Validate让普通按钮触发表单验证的方法

Dec 15 #Javascript

JavaScript中定义对象原型的两种使用方法

Dec 15 #Javascript

微信公众号开发实现点击返回按钮就返回到聊天界面

Dec 15 #Javascript

javascript数组去重方法分析

Dec 15 #Javascript

JS碰撞运动实现方法详解

Dec 15 #Javascript

浅述节点的创建及常见功能的实现

Dec 15 #Javascript

Bootstrap整体框架之JavaScript插件架构

Dec 15 #Javascript

You might like

提高define性能的php扩展hidef的安装和使用

2011/06/14 PHP

ThinkPHP的I方法使用详解

2014/06/18 PHP

php中simplexml_load_file函数用法实例

2014/11/12 PHP

linux中cd命令使用详解

2015/01/08 PHP

php实现上传图片保存到数据库的方法

2015/02/11 PHP

Laravel框架源码解析之入口文件原理分析

2020/05/14 PHP

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二

2011/12/31 Javascript

使用documentElement正确取得当前可见区域的大小

2014/07/25 Javascript

jQuery实现个性翻牌效果导航菜单的方法

2015/03/09 Javascript

分享JS数组求和与求最大值的方法

2016/08/11 Javascript

JavaScript-html标题滚动效果的简单实现

2016/09/08 Javascript

解决vue router使用 history 模式刷新后404问题

2017/07/19 Javascript

使用D3.js制作图表详解

2017/08/13 Javascript

Vue通过Blob对象实现导出Excel功能示例代码

2020/07/31 Javascript

Nest.js环境变量配置与序列化详解

2021/02/21 Javascript

django使用图片延时加载引起后台404错误

2017/04/18 Python

django 自定义过滤器的实现

2019/02/26 Python

详解Python做一个名片管理系统

2019/03/14 Python

Python实现将字符串的首字母变为大写,其余都变为小写的方法

2019/06/11 Python

在macOS上搭建python环境的实现方法

2019/08/13 Python

在python里创建一个任务(Task)实例

2020/04/25 Python

使用Keras 实现查看model weights .h5 文件的内容

2020/06/09 Python

美国隐形眼镜销售网站：ContactsDirect

2017/10/28 全球购物

巴基斯坦购物网站：Goto

2019/03/11 全球购物

Glamest意大利：女性在线奢侈品零售店

2019/04/28 全球购物

估算杭州有多少软件工程师

2015/08/11 面试题

高级工程师岗位职责

2013/12/15 职场文书

小学校园之星事迹材料

2014/05/16 职场文书

个人自荐书范文

2015/03/09 职场文书

《牧场之国》教学反思

2016/02/22 职场文书

Nginx反向代理多个服务器的实现方法

2021/03/31 Servers

解决Nginx 配置 proxy_pass 后返回404问题

2021/03/31 Servers

用 Python 元类的特性实现 ORM 框架

2021/05/19 Python

学会Python数据可视化必须尝试这7个库

2021/06/16 Python

MySQL 数据恢复的多种方法汇总

2021/06/21 MySQL

Elasticsearch 数据类型及管理

2022/04/19 Python