编程 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 原型链学习总结

Oct 29 Javascript

与jquery serializeArray()一起使用的函数，主要来方便提交表单

Jan 31 Javascript

学习JavaScript的最佳方法分享

Oct 21 Javascript

JavaScript 代码压缩工具小结

Feb 27 Javascript

javascript当中的代码嗅探扩展原生对象和原型(prototype)

Jan 11 Javascript

js数组操作学习总结

Nov 04 Javascript

全面解析DOM操作和jQuery实现选项移动操作代码分享

Jun 07 Javascript

预防网页挂马的方法总结

Nov 03 Javascript

基于vuejs实现一个todolist项目

Apr 11 Javascript

AngularJS对动态增加的DOM实现ng-keyup事件示例

Mar 12 Javascript

vue表单验证之禁止input输入框输入空格

Dec 03 Vue.js

用vite搭建vue3应用的实现方法

Feb 22 Vue.js

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

让你的WINDOWS同时支持MYSQL4，MYSQL4.1,MYSQL5X

2006/12/06 PHP

用Simple Excel导出xls实现方法

2012/12/06 PHP

如何使用php实现评委评分器

2015/07/31 PHP

JavaScript 学习笔记（六）

2009/12/31 Javascript

javascript textContent与innerText的异同分析

2010/10/22 Javascript

qTip2 精致的基于jQuery提示信息插件

2012/02/17 Javascript

原生JavaScript生成GUID的实现示例

2014/09/05 Javascript

JS实现的网页背景闪电闪烁效果代码

2015/10/17 Javascript

解决同一页面中两个iframe互相调用jquery,js函数的方法

2016/12/12 Javascript

JS复制对应id的内容到粘贴板（Ctrl+C效果）

2017/01/23 Javascript

IntersectionObserver实现图片懒加载的示例

2017/09/29 Javascript

Vue.js2.0中的变化小结

2017/10/24 Javascript

基于vue的验证码组件的示例代码

2019/01/22 Javascript

分享Angular http interceptors 拦截器使用(推荐)

2019/11/10 Javascript

微信小程序实现按字母排列选择城市功能

2019/11/25 Javascript

[02:30]DOTA2英雄基础教程暗影恶魔

2013/12/17 DOTA

Python实现扫描指定目录下的子目录及文件的方法

2014/07/16 Python

Python中的多行注释文档编写风格汇总

2016/06/16 Python

Python使用Pickle库实现读写序列操作示例

2018/06/15 Python

python中copy()与deepcopy()的区别小结

2018/08/03 Python

Python selenium根据class定位页面元素的方法

2019/02/26 Python

详解用python实现基本的学生管理系统(文件存储版)（python3）

2019/04/25 Python

tensorflow实现在函数中用tf.Print输出中间值

2020/01/21 Python

解决Tensorboard可视化错误:不显示数据 No scalar data was found

2020/02/15 Python

接口自动化多层嵌套json数据处理代码实例

2020/11/20 Python

Theory美国官网：后现代都市风时装品牌

2018/05/09 全球购物

请解释接口的显式实现有什么意义

2012/05/26 面试题

商场活动策划方案

2014/01/24 职场文书

幼儿园毕业家长感言

2014/02/10 职场文书

旅游市场营销方案

2014/03/09 职场文书

小学生手册家长评语

2014/04/16 职场文书

2014年党支部学习材料

2014/05/19 职场文书

2015年个人招商工作总结

2015/04/25 职场文书

演讲稿之感恩老师（三篇范文）

2019/09/06 职场文书

SQL基础的查询语句

2021/11/11 MySQL

win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法

2022/06/25 Servers