网页上显示RSS内容

page — Thu, 26 Jun 2008 04:09:23 +0000

找到一个在网页上连接并显示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 +”
”;
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 + “” + title.firstChild.nodeValue +”
”;
//temp = temp +”” + description.firstChild.nodeValue + “

”;
document.getElementById(“rsscontainer”).innerHTML = temp;
}
}
if (window.ActiveXObject)
fetchxml()
else if (typeof xmlDoc!=”undefined”)
xmlDoc.onload=output

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

在你想要显示的位置，添加下面的代码：

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

page's blog » js

网页上显示RSS内容

Related Posts