JavaScript 读取 RSS 数据示例
作者:白露时间:2026-10-29 08:57:35浏览:263
本文提供了一段完整的 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>作者最新文章
AOS.js 动画不触发怎么办?排查 DOM 加载与移动端兼容问题
2026-11-05 17:02:26
sigma.js 怎么实现节点点击、拖拽与悬停提示交互
2026-11-05 15:03:27
Matter.js 与 PixiJS/Three.js 集成:分离物理计算与渲染
2026-11-05 13:43:48
主流JS弹幕库选型指南:Danmaku.js等库的功能与体积对比
2026-11-05 09:28:19
JavaScript点击事件监听与交互效果实例
2026-11-05 09:10:19
