网页上显示RSS内容

找到一个在网页上连接并显示RSS内容的js代码,呵呵,算是可以把这个blog的发布内容,同样展示在我的org站点上。

实现方法如下:

建立一个js文件,内容为

//Container for ticker. Modify its STYLE attribute to customize style:
var tickercontainer=”
var xmlsource=”http://feed.feedsky.com/pagemod”;
var root;
var title;
var link;
var items;
var item;
var images;
var image;
var description;
if (window.ActiveXObject)
{
//document.write(“Microsoft.XMLDOM”);
var xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);
}
else if (document.implementation && document.implementation.createDocument)
{
//document.write(“document.implementation.createDocument”);
var xmlDoc= document.implementation.createDocument(“”,”doc”,null);
}
if (typeof xmlDoc!=”undefined”)
{
//document.write(tickercontainer)
xmlDoc.load(xmlsource)
}
function fetchxml()
{
if (xmlDoc.readyState==4)
output()
else
setTimeout(“fetchxml()”,10)
}
function output()
{
var temp=””;
root = xmlDoc.getElementsByTagName(“channel”)[0];
title =root.getElementsByTagName(“title”)[0];
//temp = title.firstChild.nodeValue +”<br>”;
items=root.getElementsByTagName(“item”);
for(i=0;i<=items.length-1;i++)
{
item=items[i];
title=item.getElementsByTagName(“title”)[0];
link=item.getElementsByTagName(“link”)[0];
description=item.getElementsByTagName(“description”)[0];
temp = temp + “<a href=” + link.firstChild.nodeValue+ ” target=’_bank’>” + title.firstChild.nodeValue +”</a><br />”;
//temp = temp +”<font size=-1>” + description.firstChild.nodeValue + “</font><br><br>”;
document.getElementById(“rsscontainer”).innerHTML = temp;
}
}
if (window.ActiveXObject)
fetchxml()
else if (typeof xmlDoc!=”undefined”)
xmlDoc.onload=output

然后在要显示的网页html代码上连接上此文件,例子为rss.js文件。

<SCRIPT src=”rss.js” type=”text/javascript” language=”JavaScript1.2″></SCRIPT>

在你想要显示的位置,添加下面的代码:

<div  id=”rsscontainer” ></div>

这样就实现了在普通网页显示某些RSS内容,自动更新网页喽。当然了,还有更多的方法,目前,在org站点,我是准备这样实现的,现在遇到的困难,是如何更改显示内容的CSS样式表,俺同样不懂js,呵呵,相当的郁闷。

One thought on “网页上显示RSS内容

Leave a Reply

Your email address will not be published. Required fields are marked *