编程 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 06 Javascript

javascript跑马灯悬停放大效果实现代码

Dec 12 Javascript

P3P Header解决Cookie跨域的问题

Mar 12 Javascript

BootstrapTable与KnockoutJS相结合实现增删改查功能【一】

May 10 Javascript

前端JS面试中常见的算法问题总结

Dec 23 Javascript

layui弹出层效果实现代码

May 19 Javascript

JavaScript实现动态添加Form表单元素的方法示例

Aug 14 Javascript

swiper动态改变滑动内容的实现方法

Jan 17 Javascript

用Object.prototype.toString.call(obj)检测对象类型原因分析

Oct 11 Javascript

微信小程序车牌号码模拟键盘输入功能的实现代码

Nov 11 Javascript

微信小程序实现类似微信点击语音播放效果

Mar 30 Javascript

javascript设计模式 ? 简单工厂模式原理与应用实例分析

Apr 09 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

PHP4(windows版本)中的COM函数

2006/10/09 PHP

PHP 身份证号验证函数

2009/05/07 PHP

php中根据某年第几天计算出日期年月日的代码

2011/02/24 PHP

ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单

2014/05/15 PHP

PHP中使用Imagick读取pdf并生成png缩略图实例

2015/01/21 PHP

thinkPHP查询方式小结

2016/01/09 PHP

详解PHP swoole process的使用方法

2017/08/26 PHP

PHP排序算法之堆排序(Heap Sort)实例详解

2018/04/21 PHP

js中parseFloat(参数1,参数2)定义和用法及注意事项

2013/01/27 Javascript

js复制到剪切板的实例方法

2013/06/28 Javascript

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

2014/05/05 Javascript

如何在MVC应用程序中使用Jquery

2014/11/17 Javascript

JavaScript动态生成二维码图片

2016/04/20 Javascript

Websocket协议详解及简单实例代码

2016/12/12 Javascript

vue2.0安装style/css loader的方法

2018/03/14 Javascript

vue多页面开发和打包正确处理方法

2018/04/20 Javascript

vue 项目接口管理的实现

2019/01/17 Javascript

vue实现简单学生信息管理

2020/05/30 Javascript

Vue 构造选项 - 进阶使用说明

2020/08/14 Javascript

[02:17]TI4西雅图DOTA2前线报道啸天mik夫妻档解说

2014/07/08 DOTA

CentOS中使用virtualenv搭建python3环境

2015/06/08 Python

Python解析树及树的遍历

2016/02/03 Python

Python3.5 Pandas模块之Series用法实例分析

2019/04/23 Python

pyinstaller打包多个py文件和去除cmd黑框的方法

2019/06/21 Python

如何基于Python实现word文档重新排版

2020/09/29 Python

python二维图制作的实例代码

2020/12/03 Python

eharmony澳大利亚：网上约会服务

2020/02/29 全球购物

c/c++某大公司的两道笔试题

2014/02/02 面试题

简单说下OSPF的操作过程

2014/08/13 面试题

幼儿园儿童节活动主持词+串词大全

2014/03/21 职场文书

3的组成教学反思

2014/04/30 职场文书

人事专员岗位职责

2015/02/03 职场文书

2015毕业实习推荐信

2015/03/23 职场文书

高端收音机+蓝牙音箱，JBL TUNER FM带收音蓝牙音箱评测

2021/04/24 无线电

Django实现聊天机器人

2021/05/31 Python

动画电影《擅长捉弄人的高木同学》6月10日上映！

2022/03/20 日漫