欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

简单三步实现报表页面集成天气

时间:2021-01-03 15:35:13|栏目:JavaScript代码|点击:

条条框框的报表页面枯燥乏味?不妨给页面加点“新意”!

前阵子,在看天气预报的时候,发现免费天气预报的调用代码,瞬间想到可以给我开发的报表“润润色”。

一共三个步骤,教你手到擒来

第一步

先去天气资源提供者(自行百度)挑选适合自己页面的预报

第二步

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中调用

大功告成,下面来张效果图!

上一篇:JavaScript自定义事件介绍

栏    目:JavaScript代码

下一篇:巧用canvas

本文标题:简单三步实现报表页面集成天气

本文地址:http://www.codeinn.net/misctech/40067.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有