编程 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 鼠标滚轮事件

Apr 09 Javascript

JavaScript 对象模型执行模型

Dec 06 Javascript

JQuery 获得绝对,相对位置的坐标方法

Feb 09 Javascript

jquery获取特定name所有选中的checkbox,支持IE9标准模式

Mar 18 Javascript

JavaScript中的数学运算介绍

Dec 29 Javascript

详解AngularJS中的filter过滤器用法

Jan 04 Javascript

分享12个实用的jQuery代码片段

Mar 09 Javascript

jQuery EasyUI 页面加载等待及页面等待层

Feb 06 Javascript

vue中echarts3.0自适应的方法

Feb 26 Javascript

jQuery中常用动画效果函数知识点整理

Aug 19 jQuery

Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用

Apr 11 Javascript

详解vue项目中实现图片裁剪功能

Jun 07 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一句话cmdshell新型 (非一句话木马)

2009/04/18 PHP

浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法

2013/06/18 PHP

深入解析PHP内存管理之谁动了我的内存

2013/06/20 PHP

ThinkPHP 3.2.3实现页面静态化功能的方法详解

2017/08/03 PHP

PHP使用正则表达式实现过滤非法字符串功能示例

2018/06/04 PHP

AngularJS的一些基本样式初窥

2015/07/27 Javascript

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

2015/08/26 Javascript

AngularJS中$watch和$timeout的使用示例

2016/09/20 Javascript

微信小程序生命周期详解

2016/10/12 Javascript

快速入门Vue

2016/12/19 Javascript

利用 spin.js 生成等待效果(js 等待效果)

2017/06/25 Javascript

JavaScript new对象的四个过程实例浅析

2018/07/31 Javascript

vue登录页面cookie的使用及页面跳转代码

2019/07/10 Javascript

javascript面向对象程序设计实践常用知识点总结

2019/07/29 Javascript

Vue 中 template 有且只能一个 root的原因解析(源码分析)

2020/04/11 Javascript

微信小程序实现上传多张图片、删除图片

2020/07/29 Javascript

解决ant Design中Select设置initialValue时的大坑

2020/10/29 Javascript

Python入门篇之正则表达式

2014/10/20 Python

Python中List.count()方法的使用教程

2015/05/20 Python

Centos7 Python3下安装scrapy的详细步骤

2018/03/15 Python

Numpy将二维数组添加到空数组的实现

2019/12/05 Python

Keras自动下载的数据集/模型存放位置介绍

2020/06/19 Python

Python grpc超时机制代码示例

2020/09/14 Python

领先的钻石和订婚戒指零售商：Diamonds-USA

2016/12/11 全球购物

凯普林包包西班牙官网：Kipling西班牙

2019/04/12 全球购物

英国美术用品购物网站：Cass Art

2019/10/08 全球购物

莫斯科珠宝厂官方网站：Miuz

2020/09/19 全球购物

Claire’s法国：时尚配饰、美容、珠宝、头发

2021/01/16 全球购物

葡萄牙语专业个人求职信

2013/12/10 职场文书

实用求职信范文分享

2013/12/25 职场文书

测试工程师程序员求职信范文

2014/02/20 职场文书

硕士生工作推荐信

2014/03/07 职场文书

民生工程实施方案

2014/03/22 职场文书

敬业奉献模范事迹材料

2014/12/24 职场文书

victoriaMetrics库布隆过滤器初始化及使用详解

2022/04/05 Golang

python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)

2022/04/06 Python