报表页面集成天气，简单三步，一看就懂-前端教程-前军教程网

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

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

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

第一步

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

第二步

copy框中iframe标签。

JS代码：

document.writeln("<\/iframe>");</p><p>此代码为可以根据ip自动判断地理位置展示，也可以根据实际需要,适当调整宽度，高度。</p><p>在代码中加入 allowtransparency="true"还可以获得背景透明效果。</p><p></p><p><strong>第三步</strong></p><p>报表设计器FineReport中调用</p><p></p><p>大功告成，下面来张效果图！</p><p></p></div></div> <p class="post-tags">标签：<a href="http://www.whsf66.com/tags-546.html" target="_blank">iframe标签</a> </p> <p class="post-footer"> 作者:whsf66 , 分类:前端教程 , 浏览:6 , 评论:0 </p> </div> <label id="AjaxCommentBegin"></label>   <div class="pagebar commentpagebar"> </div> <label id="AjaxCommentEnd"></label>  <div class="post" id="divCommentPost"> <p><a name="comment">发表评论:</a><a rel="nofollow" id="cancel-reply" href="#divCommentPost" style="display:none;"><small>取消回复</small></a></p> <form id="frmSumbit" target="_self" method="post" action="http://www.whsf66.com/zb_system/cmd.php?act=cmt&postid=7129&key=6448c86c5d35c641a06689beb792a67d" > <input type="hidden" name="inpId" id="inpId" value="7129" /> <input type="hidden" name="inpRevID" id="inpRevID" value="0" /> <p><label for="inpName"><input type="text" name="inpName" id="inpName" class="text" value="访客" size="28" tabindex="1" /> 名称(*)</label></p> <p><label for="inpEmail"><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" /> 邮箱</label></p> <p><label for="inpHomePage"><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" /> 网址</label></p> <p><textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" ></textarea></p> <p><input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button" /></p> </form> </div> </div> <div id="divSidebar"> <dl class="function" id="divContorPanel"> <dt class="function_t">控制面板</dt><dd class="function_c"> <div><span class="cp-hello">您好，欢迎到访网站！</span><br/><span class="cp-login"><a href="http://www.whsf66.com/zb_system/cmd.php?act=login">登录后台</a></span>  <span class="cp-vrs"><a href="http://www.whsf66.com/zb_system/cmd.php?act=misc&type=vrs">查看权限</a></span></div> </dd> </dl> <dl class="function" id="divCatalog"> <dt class="function_t">网站分类</dt><dd class="function_c"> <ul><li><a title="前端教程" href="http://www.whsf66.com/category-1.html">前端教程</a></li> </ul> </dd> </dl> <dl class="function" id="divComments"> <dt class="function_t">最新留言</dt><dd class="function_c"> <ul></ul> </dd> </dl> </div> <div id="divBottom">  <p id="BlogCopyRight"></p> </div><div class="clear"></div> </div><div class="clear"></div> </div><div class="clear"></div> </div> </body> </html>

前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

报表页面集成天气，简单三步，一看就懂