编程 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实用代码片段集合

Aug 12 Javascript

js控制页面的全屏展示和退出全屏显示的方法

Mar 10 Javascript

javascript常用方法总结

May 14 Javascript

AngularJS入门教程之AngularJS表达式

Apr 18 Javascript

JS 数字转换为大写金额的简单实例

Aug 04 Javascript

微信小程序开发之麦克风动画帧动画放大淡出

Apr 18 Javascript

vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能

Mar 01 Javascript

浅谈Vue组件及组件的注册方法

Aug 24 Javascript

react高阶组件添加和删除props

Apr 26 Javascript

Vue中img的src是动态渲染时不显示的解决

Nov 14 Javascript

Vue 解决父组件跳转子路由后当前导航active样式消失问题

Jul 21 Javascript

微信小程序基于ColorUI构建皮皮虾短视频去水印组件

Nov 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

2020最新CPU的性能排名

2020/04/02 数码科技

PHP 创建标签云函数代码

2010/05/26 PHP

php中实现简单的ACL 完结篇

2011/09/07 PHP

php中使用preg_replace函数匹配图片并加上链接的方法

2013/02/06 PHP

php算法实例分享

2015/07/14 PHP

浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑

2019/10/21 PHP

vue.js入门教程之计算属性

2016/09/01 Javascript

原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果

2018/05/03 Javascript

vue项目部署到Apache服务器中遇到的问题解决

2018/08/24 Javascript

JS重学系列之聊聊new操作符

2019/03/04 Javascript

JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析

2019/03/06 Javascript

在Vue项目中使用jsencrypt.js对数据进行加密传输的方法

2019/04/17 Javascript

vue-cli3单页构建大型项目方案

2020/04/07 Javascript

nodeJS与MySQL实现分页数据以及倒序数据

2020/06/05 NodeJs

javascript中call,apply,bind的区别详解

2020/12/11 Javascript

[55:04]海涛DOTA2死魂复燃6.82版本介绍

2014/09/28 DOTA

用Python代码来解图片迷宫的方法整理

2015/04/02 Python

python实现unicode转中文及转换默认编码的方法

2017/04/29 Python

Python设计模式之命令模式原理与用法实例分析

2019/01/11 Python

python-itchat 统计微信群、好友数量,及原始消息数据的实例

2019/02/21 Python

python Pillow图像处理方法汇总

2019/10/16 Python

python面向对象之类属性和类方法案例分析

2019/12/30 Python

python3实现raspberry pi（树莓派）4驱小车控制程序

2020/02/12 Python

html5 css3实例教程一款html5和css3实现的小机器人走路动画

2014/10/20 HTML / CSS

HTML5本地存储和本地数据库实例详解

2017/09/05 HTML / CSS

土耳其国际性时尚购物网站：Modanisa

2018/01/19 全球购物

中职生自荐信

2013/10/13 职场文书

大学毕业生自我鉴定

2013/11/05 职场文书

人力资源经理自我评价

2014/01/04 职场文书

批评与自我批评材料

2014/02/15 职场文书

农村党员一句话承诺

2014/05/30 职场文书

企业理念标语

2014/06/09 职场文书

创先争优活动个人总结

2015/03/04 职场文书

挂职锻炼个人总结

2015/03/05 职场文书

关于销售人员的年终工作总结要点

2019/08/15 职场文书

MySQL 原理优化之Group By的优化技巧

2022/08/14 MySQL