簡(jiǎn)單三步實(shí)現(xiàn)報(bào)表頁(yè)面集成天氣
條條框框的報(bào)表頁(yè)面枯燥乏味?不妨給頁(yè)面加點(diǎn)“新意”!
前陣子,在看天氣預(yù)報(bào)的時(shí)候,發(fā)現(xiàn)免費(fèi)天氣預(yù)報(bào)的調(diào)用代碼,瞬間想到可以給我開(kāi)發(fā)的報(bào)表“潤(rùn)潤(rùn)色”。
一共三個(gè)步驟,教你手到擒來(lái)
第一步
先去天氣資源提供者(自行百度)挑選適合自己頁(yè)面的預(yù)報(bào)
第二步
copy框中iframe標(biāo)簽。
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>");
此代碼為可以根據(jù)ip自動(dòng)判斷地理位置展示,也可以根據(jù)實(shí)際需要,適當(dāng)調(diào)整寬度,高度。
在代碼中加入 allowtransparency="true"還可以獲得背景透明效果。
第三步
報(bào)表設(shè)計(jì)器FineReport中調(diào)用
大功告成,下面來(lái)張效果圖!
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
- 使用正則表達(dá)式替換報(bào)表名稱中的特殊字符(推薦)
- Web打印解決方案之普通報(bào)表打印功能
- 解決VS2015中沒(méi)有報(bào)表項(xiàng)(ReportViewer)的方法
- 在ASP.NET 2.0中操作數(shù)據(jù)之十:使用 GridView和DetailView實(shí)現(xiàn)的主/從報(bào)表
- Java FineReport報(bào)表工具導(dǎo)出EXCEL的四種方式
- 原生js實(shí)現(xiàn)查詢天氣小應(yīng)用
- 微信公眾平臺(tái)開(kāi)發(fā)(五) 天氣預(yù)報(bào)功能開(kāi)發(fā)
- Java 調(diào)用天氣Webservice詳解及實(shí)例代碼
- php微信開(kāi)發(fā)之百度天氣預(yù)報(bào)
- Jquery獲取當(dāng)前城市的天氣信息
相關(guān)文章
Javascript調(diào)用函數(shù)方法的幾種方式介紹
這篇文章主要介紹了Javascript調(diào)用函數(shù)方法的幾種方式介紹,本文講解了func()、(function(arg){})(window)、func.bind(sth)()、func.call()、func.apply()等5種方式,需要的朋友可以參考下2015-03-03關(guān)于ckeditor在bootstrap中modal中彈框無(wú)法輸入的解決方法
今天小編就為大家分享一篇關(guān)于ckeditor在bootstrap中modal中彈框無(wú)法輸入的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09Javascript中從學(xué)習(xí)bind到實(shí)現(xiàn)bind的過(guò)程
這篇文章主要介紹了Javascript中從學(xué)習(xí)bind到實(shí)現(xiàn)bind的過(guò)程,有興趣的朋友跟著學(xué)習(xí)下吧。2018-01-01js獲取url參數(shù)代碼實(shí)例分享(JS操作URL)
這篇文章主要介紹了js分析url獲取url參數(shù),可以獲取?前面部分、#及后面部分,大家看代碼吧2013-12-12sencha touch 模仿tabpanel導(dǎo)航欄TabBar的實(shí)例代碼
這篇文章介紹了sencha touch 模仿tabpanel導(dǎo)航欄TabBar的實(shí)例代碼,有需要的朋友可以參考一下2013-10-10TypeScript之調(diào)用棧的實(shí)現(xiàn)
這篇文章主要介紹了TypeScript之調(diào)用棧的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12多瀏覽器兼容的動(dòng)態(tài)加載 JavaScript 與 CSS
Omar AL Zabir這位MVP總是喜歡搞些稀奇古怪同時(shí)又很實(shí)用的小東西,并且還十分值得參考。最近他就做了一個(gè)叫做ensure的小工具用于動(dòng)態(tài)加載JavaScript、CSS與HTML,而且IE、Firefox、Opera、Safari都支持了,那么我們就來(lái)看看ensure是如何做到動(dòng)態(tài)加載JavaScript與CSS的。2008-09-09