编程 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 表格工具集

Apr 25 Javascript

IE6下通过a标签点击切换图片的问题

Nov 14 Javascript

innerText和textContent对比及使用介绍

Feb 27 Javascript

22点关于jquery性能优化的建议

May 28 Javascript

JS简单实现城市二级联动选择插件的方法

Aug 19 Javascript

js数组去重的5种算法实现

Nov 04 Javascript

JavaScript实战之菜单特效

Aug 16 Javascript

原生js实现倒计时--2018

Feb 21 Javascript

vue引入swiper插件的使用实例

Jul 19 Javascript

Vue触发隐藏input file的方法实例详解

Aug 14 Javascript

jquery 时间戳转日期过程详解

Oct 12 jQuery

HTML元素拖拽功能实现的完整实例

Dec 04 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异常处理使用示例

2014/02/25 PHP

PHP模拟QQ登录的方法

2015/07/29 PHP

基于PHP实现生成随机水印图片

2020/12/09 PHP

精解window.setTimeout()&window.setInterval()使用方式与参数传递问题！

2007/11/23 Javascript

Wordpress ThickBox 点击图片显示下一张图的修改方法

2010/12/11 Javascript

关于js datetime的那点事

2011/11/15 Javascript

javascript 小数取整简单实现方式

2014/05/30 Javascript

详解AngularJS中的表格使用

2015/06/16 Javascript

javascript创建动态表单的方法

2015/07/25 Javascript

浅谈toLowerCase和toLocaleLowerCase的区别

2016/08/15 Javascript

关于List.ToArray()方法的效率测试

2016/09/30 Javascript

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

2017/01/21 Javascript

Angular.js基础学习之初始化

2017/03/10 Javascript

JS实现无缝循环marquee滚动效果

2017/05/22 Javascript

vue-cli如何添加less 以及sass

2017/07/06 Javascript

利用Vue实现移动端图片轮播组件的方法实例

2017/08/23 Javascript

redux中间件之redux-thunk的具体使用

2018/04/17 Javascript

vue实现局部刷新的实现示例

2019/04/16 Javascript

微信小程序实现原生步骤条

2019/07/25 Javascript

JavaScript实现指定数量的并发限制的示例代码

2020/03/10 Javascript

原生js实现放大镜组件

2021/01/22 Javascript

Python实现检测文件MD5值的方法示例

2018/04/11 Python

解决pandas 作图无法显示中文的问题

2018/05/24 Python

用python统计代码行的示例(包括空行和注释)

2018/07/24 Python

Python读取txt内容写入xls格式excel中的方法

2018/10/11 Python

Python xlrd excel文件操作代码实例

2020/03/10 Python

突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述

2013/01/31 HTML / CSS

解决HTML5中的audio在手机端和微信端的不能自动播放问题

2019/11/04 HTML / CSS

Spongelle官网：美国的创意护肤洗护品牌

2019/05/15 全球购物

adidas菲律宾官网：adidas PH

2020/02/07 全球购物

学前班教师的自我鉴定

2013/12/05 职场文书

快餐店的创业计划书范文

2014/01/29 职场文书

森林防火标语

2014/06/23 职场文书

运动会广播稿诗歌版

2014/09/12 职场文书

2014年小学教师工作总结

2014/11/10 职场文书

技术员岗位职责

2015/02/04 职场文书