📄 step6-tree.html

📁 ajax快速入门,主要讲解原理与部门实现
💻 HTML
字号:
<html>
<SCRIPT LANGUAGE="JavaScript">
<!--
var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
var blogList=new Array();
var currentBlog=new Array();

function showBlogList(){
	count.innerHTML=blogList.length+" Feeds";
	showBlogItemList();
}

function showBlogItemList(){
	var showhtml="";
	if(blogList.length>0){
		showhtml="<table border=\"0\" width=\"260\">";
		for(var i=0;i<blogList.length;i++){
			showhtml=showhtml+"<tr>";
			showhtml=showhtml+"<td width=\"20\">&nbsp;</td>";
			showhtml=showhtml+"<td width=\"24\"><img src=\"blog.gif\"></td>";
			showhtml=showhtml+"<td><a href=\"#\" onclick=\"showBlogItem('"+i+"');\"><font size=\"2px\" color=\"#000000\" face=\"Verdana\">"+blogList[i].blogtitle+"</font></a></td>";
			showhtml=showhtml+"</tr>";
		}
		showhtml=showhtml+"</table>";
	}
	itemlist.innerHTML=showhtml;
}

function showAllBlogItem(){
}

function showBlogItem(id){
	currentBlog=blogList[id];
	top.baseframe.showBlog();
}

function addBlogURL(){
	var url=prompt("请输入RSS的地址：");
	loadRSS(url);
}

function loadRSS(url){
	xmlHttp.open("GET", url, true);
	xmlHttp.onreadystatechange=function() {
		if (xmlHttp.readyState==4&&xmlHttp.status==200) {
			var xmldom=xmlHttp.responseXML;
			var channel=xmldom.documentElement.childNodes.item(0);
			var itemlist=channel.childNodes;
			var blogtitle=getString(itemlist,"title");
			var bloglink=getString(itemlist,"link");
			var blogdescription=getString(itemlist,"description");
			var managingEditor=getString(itemlist,"managingEditor");
			var pubDate=getString(itemlist,"pubDate");			
			var blogitemlist=new Array();
			var image;
			for(var i=0;i<itemlist.length;i++){
				var node=itemlist.item(i);
				if(node.tagName=="item"){
					blogitemlist[blogitemlist.length]=node.childNodes;
				}
				if(node.tagName=="image"){
					image=node.childNodes;
				}
			}
			var blogfeed=new Array();
			blogfeed.blogtitle=blogtitle;
			blogfeed.bloglink=bloglink;
			blogfeed.blogdescription=blogdescription;
			blogfeed.managingEditor=managingEditor;
			blogfeed.pubDate=pubDate;
			blogfeed.blogitemlist=blogitemlist;
			blogfeed.image=image;
			blogList[blogList.length]=blogfeed;
			showBlogList();
		}
	}
	xmlHttp.send(null);
}

function getString(itemlist,tag){
	for(var i=0;i<itemlist.length;i++){
		var node=itemlist.item(i);
		if(node.tagName==tag){
			return node.text;
		}
	}
	return "";
}
//-->
</SCRIPT>
<body leftmargin="5" topmargin="5" onload="showBlogList();">
<a href="#" onclick="addBlogURL();"><font size="2px" color="#000000" face="Verdana"><b>Add</b></font></a><br>
<table border="0" width="260">
	<tr>
		<td width="20"><img src="list.gif"></td>
		<td colspan="2"><a href="#" onclick="showAllBlogItem();"><font size="2px" color="#666666" face="Verdana"><i><div id="count">count Feeds</div></i></font></a></td>
	</tr>
</table>
<div id="itemlist">
<table border="0" width="260">
	<tr>
		<td width="20">&nbsp;</td>
		<td width="24"><img src="blog.gif"></td>
		<td><a href="#" onclick="showBlogItem('item');"><font size="2px" color="#000000" face="Verdana">BlogTitle</font></a></td>
	</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -