?? rss.html
字號:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head><title>RSS閱讀器</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="JackLong www.jacklong.cn" />
<link rel="stylesheet" href="main.css" type="text/css" media="all" />
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
//在IE下創建XMLHTTPRequest對象
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(oc)
{
xmlHttp = null;
}
}
//在Mozilla和Safari下創建XMLHTTPRequest對象
if(!xmlHttp && typeof XMLHttpRequest != "undefined")
{
xmlHttp = new XMLHttpRequest();
}
}
//獲取RSS地址，調用異步請球函數
function showRSS()
{
var obj=document.getElementById("targeturl");
if(obj.value == "")
{
alert("請輸入RSS地址！");
return false;
}
readRSS(obj.value);
}
//異步請求函數
function readRSS(url)
{
createXMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
document.getElementById("content2").innerHTML="Loading...";
}
//回調函數
function handleStateChange()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
clearPreviousResults();
parseResults();
}
else
{
document.getElementById("content2").innerHTML="正在加載...";
}
}
else
{
document.getElementById("content2").innerHTML="請稍等，正在查找相關資源！";
}
}
//清除先前獲取的信息
function clearPreviousResults()
{
var ListBody = document.getElementById("content2");
while(ListBody.childNodes.length > 0)
{
ListBody.removeChild(ListBody.childNodes[0]);
}
}
//獲取RSS文件的內容
function parseResults()
{
var results = xmlHttp.responseXML;
var title = null;
var content=null;
var item = null;
var url = null;
var items = results.getElementsByTagName("item");
for(var i = 0; i < items.length; i++) {
item = items[i];
title = item.getElementsByTagName("title")[0].firstChild.nodeValue;
content=item.getElementsByTagName("description")[0].firstChild.nodeValue;
url=item.getElementsByTagName("link")[0].firstChild.nodeValue;
addListRow(title,content,url);
}
}
//向div元素中添加節點
function addListRow(title,content,url)
{
var row = document.createElement("ul");
//alert(url);
var cell = createCellWithText(title,url);
var contentcell=createCellWithContent(content);
row.appendChild(cell);
row.appendChild(contentcell);
document.getElementById("content2").appendChild(row);
}
//創建標題節點
function createCellWithText(text,url)
{
var cell = document.createElement("li");
var textNode = document.createTextNode(text);
var newAnchor = document.createElement("a");
newAnchor.href = url;
newAnchor.target="_blank";
newAnchor.title="單擊查看詳細內容";
newAnchor.appendChild(textNode);
cell.appendChild(newAnchor);
return cell;
}
//創建詳細內容節點
function createCellWithContent(content)
{
var cell=document.createElement("text")
var div=document.createElement("div");
var span=document.createElement("span");
span.innerHTML=content;
div.appendChild(span);
cell.appendChild(div);
return cell;
}
</script>
</head>
<body onload="showRSS();">
<div id="content">
<h2>RSS地址：</h2>
<input type="text" id="targeturl" name="textfield" value="http://cn.engadget.com/rss.xml" />
<input type="button" value="獲取文章列表" onclick="showRSS();" />
</div>
<div id="content2"></div>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -