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

Jquery调用webService远程访问出错的解决方法

May 21 Javascript

js加载之使用DOM方法动态加载Javascript文件

Nov 08 Javascript

jsPDF生成pdf后在网页展示实例

Jan 16 Javascript

JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)

Jun 16 Javascript

JavaScript调试的多个必备小Tips

Jan 15 Javascript

js实现移动端微信页面禁止字体放大

Feb 16 Javascript

轻松实现jQuery添加删除按钮Click事件

Mar 13 Javascript

bootstrap IE8 兼容性处理

Mar 22 Javascript

react实现一个优雅的图片占位模块组件详解

Oct 30 Javascript

深入探讨JavaScript的最基本部分之执行上下文

Feb 12 Javascript

小程序实现按下录音松开识别语音

Nov 22 Javascript

nuxt 服务器渲染动态设置 title和seo关键字的操作

Nov 05 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

php中实现记住密码自动登录的代码

2011/03/02 PHP

PHP和Mysqlweb应用开发核心技术－第1部分 Php基础－2 php语言介绍

2011/07/03 PHP

PHP数据库调用类调用实例(详细注释)

2012/07/12 PHP

PHP5.5在windows安装使用memcached服务端的方法

2014/04/16 PHP

PHP使用range协议实现输出文件断点续传代码实例

2014/07/04 PHP

在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路

2010/03/02 Javascript

预加载css或javascript的js代码

2010/04/23 Javascript

jquery.cvtooltip.js 基于jquery的气泡提示插件

2010/11/19 Javascript

Jquery为单选框checkbox绑定单击click事件

2012/12/18 Javascript

jquery submit ie6下失效的原因分析及解决方法

2013/11/15 Javascript

javascript实现英文首字母大写

2015/04/23 Javascript

JQuery实现网页右侧随动广告特效

2016/01/17 Javascript

学习使用bootstrap基本控件（table、form、button）

2016/04/12 Javascript

微信+angularJS的SPA应用中用router进行页面跳转，jssdk校验失败问题解决

2016/09/09 Javascript

js html5 css俄罗斯方块游戏再现

2016/10/17 Javascript

Angular.js中定时器循环的3种方法总结

2017/04/27 Javascript

jquery实现倒计时小应用

2017/09/19 jQuery

nodejs中安装ghost出错的原因及解决方法

2017/10/23 NodeJs

深入理解es6块级作用域的使用

2019/03/28 Javascript

vue实现多级菜单效果

2019/10/19 Javascript

python 消费 kafka 数据教程

2019/12/21 Python

Django单元测试中Fixtures用法详解

2020/02/25 Python

Python 字典一个键对应多个值的方法

2020/09/29 Python

史泰博(Staples)中国官方网站：办公用品一站式采购

2016/09/05 全球购物

联强国际笔试题面试题

2013/07/10 面试题

Java如何读取CLOB字段

2013/10/10 面试题

怎样有效的进行自我评价

2013/10/06 职场文书

大一新生军训时的自我评价分享

2013/12/05 职场文书

银行求职信

2014/05/31 职场文书

市场营销专业自荐书

2014/06/10 职场文书

中学感恩教育活动总结

2015/05/05 职场文书

入党团支部推荐意见

2015/06/02 职场文书

2016优秀班主任个人先进事迹材料

2016/02/26 职场文书

浅谈：电影《孔子》观后感（范文）

2019/10/14 职场文书

评测 | 大屏显示带收音机的高端音箱，JBL TUNE2便携式插卡音箱实测

2021/04/24 无线电

JavaScript小技巧带你提升你的代码技能

2021/09/15 Javascript