jQuery「jquery.rss」將 RSS 轉成 HTML

2017/07/14 338 網站技術 , jQuery , RSS

現在只要用「jquery.rss」就可以將 RSS 轉成 HTML,應用方面,可以製作 RSS 聯播網、最新文章展示、氣象站等等...,非常多元,今天就來介紹它吧!
GitHub:https://github.com/sdepold/jquery-rss
首先先示範原始碼,基本上要連接三個JS,分別為「jquery」、「moment」、「jquery.rss」,這樣原始碼就可以順利運作了!請注意!JS部分要放在<head>和</head>中間唷!原始碼中的「jquery.rss.min.js」可以到 GitHub 下載。「dateFormat: ('YYYY-MM-DD'),」是用來調整日期格式的,詳細格式請參考這個網頁:http://momentjs.com/docs/#/displaying/

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>jquery.rss example</title>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="jquery.rss.min.js"></script>
<script>
jQuery(function($) {
$("#rss-feeds").rss("RSS網址",
{layoutTemplate: "<div>{entries}</div>",
entryTemplate:'<a href="{url}" target="_blank">發布日期:{date} 作者:{author}<br>{title}<br>{teaserImage}<br>{shortBodyPlain}</a>',
dateFormat: ('YYYY-MM-DD'),
},)
})
</script>
</head>
<body>
<div id="rss-feeds"></div>
</body>
</html>

紅字「RSS網址」放置 RSS 的網址。

▲原始碼測試,測試網頁:http://embed.plnkr.co/WQRoCYLld162uplnz1rc/preview

▲旁邊即時展示成果!

GitHub 裡有更多選項可以使用!

贊助廣告 ‧ Sponsor advertisements
徵信社服務電話| 外遇疑雲| 阿宅來說徵信社故事| 如何手機監聽| 徵信社電話幾號| 徵信價目表費用| 抓姦在床蒐證| 台北立達徵信社| 免費法律諮詢專線| 馭夫術手段| 設計離婚服務| 男友感情挽回| 包二奶氾濫| 抓小三蒐證| 反跟蹤可行嗎| 尋人查址高手| 夫妻協議離婚| 委託外遇蒐證| 丈夫外遇偷腥| 名人外遇新聞| 立案專業徵信社| 婚前調查協助| 離婚扶養費| 汽車定位追蹤| 危險徵信社任務| 免費法律諮詢| 國際徵信公司|
【業界首推立達徵信FB