编程 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,mootools,dojo)使用适合自己的编程别名命名

Sep 14 Javascript

改变文件域的样式实现思路同时兼容ie、firefox

Oct 23 Javascript

javascript 通用loading动画效果实例代码

Jan 14 Javascript

node.js中的fs.rmdir方法使用说明

Dec 16 Javascript

jQuery右下角旋转环状菜单特效代码

Aug 10 Javascript

深入学习jQuery Validate表单验证（二）

Jan 18 Javascript

基于BootStrap栅格栏系统完成网站底部版权信息区

Dec 23 Javascript

jQuery实现简单弹窗遮罩效果

Feb 27 Javascript

微信小程序使用video组件播放视频功能示例【附源码下载】

Dec 08 Javascript

vue watch关于对象内的属性监听

Apr 22 Javascript

JS实现在线ps功能详解

Jul 31 Javascript

vue 实现根据data中的属性值来设置不同的样式

Aug 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

PHP 一个页面执行时间类代码

2010/03/05 PHP

浅谈PHP强制类型转换,慎用!

2013/06/06 PHP

ThinkPHP3.2.1图片验证码实现方法

2016/08/19 PHP

PHP命令空间namespace及use的用法小结

2017/11/27 PHP

jQuery EasyUI API 中文文档 - Spinner微调器使用

2011/10/21 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

2013/02/05 Javascript

判断字符串的长度(优化版)中文占两个字符

2014/10/30 Javascript

jQuery实现将页面上HTML标签换成另外标签的方法

2015/06/09 Javascript

javascript与jquery中的this关键字用法实例分析

2015/12/24 Javascript

分享js粘帖屏幕截图到web页面插件screenshot-paste

2020/08/21 Javascript

实践中学习AngularJS表单

2016/03/21 Javascript

Bootstrap模态框插件使用详解

2017/05/11 Javascript

老生常谈js中的MVC

2017/07/25 Javascript

使用 Vue 绑定单个或多个 Class 名的实例代码

2018/01/08 Javascript

如何编写一个d.ts文件的步骤详解

2018/04/13 Javascript

详解redis在nodejs中的应用

2018/05/02 NodeJs

解决vue select当前value没有更新到vue对象属性的问题

2018/08/30 Javascript

微信小程序网络通信实现详解

2019/07/23 Javascript

在vue中使用jsx语法的使用方法

2019/09/30 Javascript

vue2和vue3的v-if与v-for优先级对比学习

2020/10/10 Javascript

uniapp微信小程序:key失效的解决方法

2021/01/20 Javascript

[58:29]DOTA2-DPC中国联赛正赛 Phoenix vs XG BO3 第一场 1月31日

2021/03/11 DOTA

python从网络读取图片并直接进行处理的方法

2015/05/22 Python

Python+Wordpress制作小说站

2017/04/14 Python

python版本的仿windows计划任务工具

2018/04/30 Python

Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】

2019/03/30 Python

python中多个装饰器的调用顺序详解

2019/07/16 Python

python Django的web开发实例（入门）

2019/07/31 Python

基于Python安装pyecharts所遇的问题及解决方法

2019/08/12 Python

《乌塔》教学反思

2014/02/17 职场文书

2014年党的群众路线教育实践活动总结

2014/04/25 职场文书

减负增效提质方案

2014/05/23 职场文书

创建绿色学校先进个人材料

2014/08/20 职场文书

先进典型发言材料

2014/12/30 职场文书

幼儿园小班教学反思

2016/03/03 职场文书

Python Flask请求扩展与中间件相关知识总结

2021/06/11 Python