JavaScript 读取 RSS 数据示例

作者:白露

时间:2026-10-29

浏览:262

本文提供了一段完整的 JavaScript 代码,演示如何在网页中通过 ActiveXObject 或 DOM 接口加载并解析 RSS 数据源。代码展示了如何获取频道标题及文章列表,并将标题与链接动态渲染到页面容器中,适用于旧版 Internet Explorer 或支持标准 DOM 的浏览器环境。

具体实现代码如下所示:

HTML 页面结构与容器<html>
<head>
<title>javascript读取RSS数据</title>
<META content="text/html; charset=utf-8" http-equiv=Content-Type />
</head>
<body leftmargin="0" topmargin="0">
<font><h3 align="center">javascript读取RSS数据</h3></font>
<br>
<table width="90%" align="center" border="0" cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=White><b>新闻中心</b><font size="-1">(摘自新浪网)</font><hr></td>
</tr>
<tr>
<td bgcolor=White>
<div id="container" >News Loading...</div>
</td>
</tr>
</table>
JavaScript 核心逻辑<script language="JavaScript1.2">
//Container for ticker. Modify its STYLE attribute to customize style:
var tickercontainer=''
var xmlsource="http://rss.mydrivers.com/Fitting_News.xml";
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 + "<font size=-1><a href=" + link.firstChild.nodeValue+ " target='_bank'>" + title.firstChild.nodeValue +"</a></font><br><br>";
//temp = temp +"<font size=-1>" + description.firstChild.nodeValue + "</font><br><br>"
document.getElementById("container").innerHTML = temp;
  } 
 } 
if (window.ActiveXObject)
fetchxml()
else if (typeof xmlDoc!="undefined")
xmlDoc.onload=output
</script>
</body>
</html>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章