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

Javascript 定时器调用传递参数的方法

Nov 12 Javascript

js确定对象类型方法

Mar 30 Javascript

javascript删除字符串最后一个字符

Jan 14 Javascript

jquery默认校验规则整理

Mar 24 Javascript

Egret引擎开发指南之发布项目

Sep 03 Javascript

jQuery 1.9.1源码分析系列（十三）之位置大小操作

Dec 02 Javascript

总结Javascript中的隐式类型转换

Aug 24 Javascript

js生成随机数方法和实例

Jan 17 Javascript

详解Angular 4.x NgIf 的用法

May 22 Javascript

实例详解Vue项目使用eslint + prettier规范代码风格

Aug 20 Javascript

Vue项目实现简单的权限控制管理功能

Jul 17 Javascript

countUp.js实现数字动态变化效果

Oct 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

PHP 读取Postgresql中的数组

2013/04/14 PHP

利用PHP实现图片等比例放大和缩小的方法详解

2013/06/06 PHP

php中filter_input函数用法分析

2014/11/15 PHP

PHP开发Apache服务器配置

2015/07/15 PHP

PHP构造函数与析构函数用法示例

2016/09/28 PHP

PHP依赖注入原理与用法分析

2018/08/21 PHP

转一个日期输入控件，支持FF

2007/04/27 Javascript

用js实现上传图片前的预览（TX的面试题）

2007/08/14 Javascript

JavaScript 定义function的三种方式小结

2009/10/16 Javascript

C#中TrimStart,TrimEnd,Trim在javascript上的实现

2011/01/17 Javascript

javascript设置金额样式转换保留两位小数示例代码

2013/12/04 Javascript

js 中将多个逗号替换为一个逗号的代码

2014/06/07 Javascript

Dojo Javascript 编程规范规范自己的JavaScript书写

2014/10/26 Javascript

推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)

2015/12/13 Javascript

Bootstrap精简教程中秋大放送

2016/09/15 Javascript

JS控件bootstrap suggest plugin使用方法详解

2017/03/25 Javascript

在Vue中使用echarts的实例代码（3种图）

2017/07/10 Javascript

小程序图片剪裁加旋转的示例代码

2018/07/10 Javascript

详解Vue.directive 自定义指令

2019/03/27 Javascript

详解小程序BackgroundAudioManager踩坑之旅

2019/12/08 Javascript

[01:22:10]Ti4 循环赛第二日 DK vs Empire

2014/07/11 DOTA

python检测远程服务器tcp端口的方法

2015/03/14 Python

Python程序中设置HTTP代理

2016/11/06 Python

将pandas.dataframe的数据写入到文件中的方法

2018/12/07 Python

django的分页器Paginator 从django中导入类

2019/07/25 Python

python解析命令行参数的三种方法详解

2019/11/29 Python

安纳塔拉酒店度假村及水疗官方网站：Anantara Hotel

2016/08/25 全球购物

2014年政风行风评议工作总结

2014/10/21 职场文书

明星邀请函

2015/02/02 职场文书

大学生实习推荐信

2015/03/27 职场文书

故意杀人案辩护词

2015/05/21 职场文书

2015-2016年小学教导工作总结

2015/07/21 职场文书

课题研究阶段性总结

2015/08/13 职场文书

2016暑期社会实践心得体会范文

2016/01/14 职场文书

初中语文教学反思范文

2016/03/03 职场文书

预备党员的思想汇报，你真的会写吗？

2019/06/28 职场文书