纯静态RSS阅读器HTML+JS

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > RSS </ title >
< style  type ="text/css" >
a
{
color
:black;
}

a:hover
{
color
:Green;
}

a:active
{
color
:Red;
}

a:link
{
color
:Blue;
}

</ style >
< script  chartset ="utf-8" >
function $(objectid){return document.getElementById(objectid);}
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async
="false";
xmlDoc.load(
"http://news.qq.com/now.xml");
//"http://news.baidu.com/n?cmd=4&class=internet&pn=1&tn=rss");
var nodes=null;
var hasData=true;
var array;
nodes 
= xmlDoc.selectNodes("/rss/channel/item");
if(nodes==null)
{
hasData
=false;
rss.innerText 
= "没有发现数据";
}

else
  array
=new Array(nodes.length);


function list(pagesize,pagenum)
{
    
if(!hasData)
    rss.innerText 
= "没有发现数据";

    
else
    
{
    xx
=nodes.length;
    $(
"pages").innerHTML="";
    
for(var pagen=1;pagen<(xx+pagesize-1)/pagesize;pagen++)
       
if(pagen!=pagenum)
       $(
"pages").innerHTML+="<a href='javascript:list("+pagesize+","+pagen+")'>"+pagen+"</a>&nbsp;";
       
else
       $(
"pages").innerHTML+="<font color='red'>"+pagen+"</font>&nbsp;";

    rss.innerHTML 
= "";
    xx
=nodes.length;
    
if(xx>pagesize*(pagenum-1))
    xx
=pagesize*(pagenum-1);
        
for(i=pagesize*(pagenum-1);i<pagesize*pagenum;i++){
            
if(i<nodes.length)
            
{
            
//
            rss.innerHTML +="<li><a href='javascript:GetDetail("+i+")' οnmοusemοve='showProduce("+i+")'>" + nodes[i].selectSingleNode("title").text + "</a></li>";
            array[i
-1]={
                    title:nodes[i].selectSingleNode(
"title").text,
                    link:nodes[i].selectSingleNode(
"link").text,
                    description:nodes[i].selectSingleNode(
"description").text,
                    pubDate:nodes[i].selectSingleNode(
"pubDate").text
                   }

            }

        }

    }

}

function GetDetail(id)
{
window.open(array[id
-1].link);
}

function showProduce(id)
{
$(
"details").innerHTML="标题:<a href='javascript:GetDetail("+id+")'>"+array[id-1].title+"</a>";
$(
"details").innerHTML+="<br/>发布时间:"+array[id-1].pubDate;
$(
"details").innerHTML+="<br/>"+array[id-1].description;
}

window.onload
=function()
{
list(
9,1);
}

</ script >
</ head >
< body >
< div  id ="rss" ></ div >
< div  id ="pages" ></ div >
< p >
< div  id ="details" ></ div >
</ p >
</ body >
</ html >  
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值