编程 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 相关文章推荐

用tip解决Ext列宽度不够的问题

Dec 13 Javascript

jquery 插件 web2.0分格的分页脚本，可用于ajax无刷新分页

Dec 25 Javascript

JS 的应用开发初探(mootools)

Dec 19 Javascript

js 取时间差去掉周六周日实现代码

Dec 25 Javascript

jQuery+ajax实现动态执行脚本的方法

Jan 27 Javascript

Jquery解析json字符串及json数组的方法

May 29 Javascript

jQuery实现的简洁下拉菜单导航效果代码

Aug 26 Javascript

js实现文字滚动效果

Mar 03 Javascript

BootstrapTable refresh 方法使用实例简单介绍

Feb 20 Javascript

详解React之父子组件传递和其它一些要点

Jun 25 Javascript

JavaScript面向对象程序设计中对象的定义和继承详解

Jul 29 Javascript

JavaScript 类的封装操作示例详解

May 16 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

为查询结果建立向后/向前按钮

2006/10/09 PHP

php中smarty实现多模版网站的方法

2015/06/11 PHP

php利用gd库为图片添加水印

2016/11/09 PHP

PHP基于新浪IP库获取IP详细地址的方法

2017/05/04 PHP

PHP XML Expat解析器知识点总结

2019/02/15 PHP

类似框架的js代码

2006/11/09 Javascript

javascript 词法作用域和闭包分析说明

2010/08/12 Javascript

js实现图片放大和拖拽特效代码分享

2015/09/05 Javascript

JS随机打乱数组的方法小结

2016/06/22 Javascript

详解angular中如何监控dom渲染完毕

2017/01/03 Javascript

JS实现碰撞检测的方法分析

2018/01/19 Javascript

如何进行微信公众号开发的本地调试的方法

2019/06/16 Javascript

jQuery实现图片随机切换、抽奖功能(实例代码)

2019/10/23 jQuery

vue 返回上一页,页面样式错乱的解决

2019/11/14 Javascript

在vue中实现清除echarts上次保留的数据(亲测有效)

2020/09/09 Javascript

[02:28]DOTA2亚洲邀请赛 LGD战队巡礼

2015/02/03 DOTA

[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python给你的头像加上圣诞帽

2018/01/04 Python

CentOS 7下安装Python3.6 及遇到的问题小结

2018/11/08 Python

Python面向对象实现一个对象调用另一个对象操作示例

2019/04/08 Python

Python如何实现转换URL详解

2019/07/02 Python

linux环境下Django的安装配置详解

2019/07/22 Python

python3 pillow模块实现简单验证码

2019/10/31 Python

Python算法中的时间复杂度问题

2019/11/19 Python

学习Python列表的基础知识汇总

2020/03/10 Python

应届毕业生自我鉴定范文

2013/12/27 职场文书

同学聚会欢迎辞

2014/01/14 职场文书

幼儿园秋游活动方案

2014/01/21 职场文书

秘书英文求职信范文

2014/01/31 职场文书

给面试官的感谢信

2014/02/01 职场文书

法律进学校实施方案

2014/03/15 职场文书

工作会议方案

2014/05/21 职场文书

班子查摆四风个人对照检查材料思想汇报

2014/10/04 职场文书

入党团支部推荐意见

2015/06/02 职场文书

2015国庆66周年宣传语

2015/07/14 职场文书

Golang日志包的使用

2022/04/20 Golang