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


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

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

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

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
Extjs4.0 ComboBox如何实现三级联动
May 11 Javascript
jQuery属性选择器用法示例
Sep 09 Javascript
Node.js中的cluster模块深入解读
Jun 11 Javascript
JavaScript解析及序列化JSON的方法实例分析
Jan 04 Javascript
Vue中jsx不完全应用指南小结
Nov 01 Javascript
vue学习笔记之slot插槽用法实例分析
Feb 29 Javascript
JS数组Reduce方法功能与用法实例详解
Apr 29 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
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
PHP获取栏目的所有子级和孙级栏目的ID号示例
2014/04/01 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
jQuery代码优化 遍历篇
2011/11/01 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
小程序实现搜索框
2020/06/19 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
Python日期的加减等操作的示例
2017/08/15 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
10张动图学会python循环与递归问题
2021/02/06 Python
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
ProBikeKit德国:在线公路自行车专家
2018/06/03 全球购物
大专会计自我鉴定
2014/02/06 职场文书
益达广告词
2014/03/14 职场文书
企业党员公开承诺书
2014/03/26 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
2016开学第一课心得体会
2016/01/23 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
Python带你从浅入深探究Tuple(基础篇)
2021/05/15 Python