⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 step6-base.html

📁 ajax快速入门,主要讲解原理与部门实现
💻 HTML
字号:
<html>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showBlog(){
	main.style.display="";
	var blog=top.treeframe.currentBlog;
	blog_title.innerHTML=blog.blogtitle;
	blogurl.href=blog.bloglink;
	blog_description.innerHTML=blog.blogdescription;
	if(blog.image!=null){
		image.innerHTML="<a href=\""+getString(blog.image,"link")+"\"><image src=\""+getString(blog.image,"url")+"\" alt=\""+getString(blog.image,"title")+"\" border=\"0\"></a>";
	} else {
		image.innerHTML="";
	}
	Count_PubDate.innerHTML=blog.blogitemlist.length+" Items|Updated: "+blog.pubDate;
	showItemList(blog.blogitemlist);
}

function showItemList(itemlist){
	var showhtml="";
	showhtml="<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
	for(var i=0;i<itemlist.length;i++){
		var item=itemlist[i];
		showhtml=showhtml+"<tr>";
		showhtml=showhtml+"	<td><a href=\""+getString(item,"link")+"\" target=\"_blank\"><font color=\"#1393c0\" size=\"4pt\">"+getString(item,"title")+"</font></a></td>";
		showhtml=showhtml+"</tr>";
		showhtml=showhtml+"<tr>";
		showhtml=showhtml+"	<td><font size=\"2pt\">By "+getString(item,"author")+"</font></td>";
		showhtml=showhtml+"</tr>";
		showhtml=showhtml+"<tr>";
		showhtml=showhtml+"	<td><font size=\"2pt\">"+getString(item,"description")+"</font></td>";
		showhtml=showhtml+"</tr>";
		showhtml=showhtml+"<tr>";
		showhtml=showhtml+"	<td background=\"line3.jpg\"></td>";
		showhtml=showhtml+"</tr>";
		showhtml=showhtml+"<tr>";
		showhtml=showhtml+"	<td><font size=\"2pt\">Posted on: "+getString(item,"pubDate")+"</font></td>";
		showhtml=showhtml+"</tr>";
		showhtml=showhtml+"<tr>";
		showhtml=showhtml+"	<td background=\"line4.jpg\" height=\"2\"></td>";
		showhtml=showhtml+"</tr>";
	}
	showhtml=showhtml+"</table>";
	bloglist.innerHTML=showhtml;
}

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">
<div id="main" style="display:none">
<table width="100%" border=0 cellpadding=0 cellspacing=2>
	<tr>
		<td bgcolor=#1393C0 align="right">&nbsp;</td>
		<td bgcolor=#1393C0 width="96" face="Verdana" size="2px" align="center"><a href="#"><font color="#ffffff">unsubscribe</font></a></td>
		<td bgcolor=#1393C0 width="146" face="Verdana" size="2px" align="center"><a href="#"><font color="#ffffff">edit subscription</font></a></td>
	</tr>
</table>
<table width="100%" border=0 cellpadding=0 cellspacing=0>
	<tr>
		<td bgcolor=#EBF5F8 width="80%"><a id="blogurl" href="#" target="_blank"><font color="#1393C0" size="5pt"><div id="blog_title">blogtitle</div></font></a><br>
		<div id="blog_description">BlogDescription</div>
		</td>
		<td bgcolor=#EBF5F8 align="right"><div id="image"></div></td>
	</tr>
	<tr>
		<td background="line1.jpg" colspan="2"></td>
	</tr>
	<tr>
		<td bgcolor=#EEEEEE colspan="2"><font size="2pt"><div id="Count_PubDate">count Items|Updated: LastPubData</font></div>
		</td>
	</tr>
	<tr>
		<td background="line2.jpg" height="2" colspan="2"></td>
	</tr>
</table>
<br>
<div id="bloglist">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td><a href="#"><font color="#1393c0" size="4pt">ItemTitle</font></a></td>
	</tr>
	<tr>
		<td><font size="2pt">By author</font></td>
	</tr>
	<tr>
		<td><font size="2pt">item_description</font></td>
	</tr>
	<tr>
		<td background="line3.jpg"></td>
	</tr>
	<tr>
		<td><font size="2pt">Posted on: pubDate</font></td>
	</tr>
	<tr>
		<td background="line4.jpg" height="2"></td>
	</tr>
</table>
</div>
<br><br><br>
<center>Display items within the 
<select>
	<option>1 Hour</option>
	<option>6 Hours</option>
	<option>12 Hours</option>
	<option>24 Hours</option>
	<option>48 Hours</option>
	<option>72 Hours</option>
	<option>Week</option>
	<option>Month</option>
	<option>All Items</option>
</select>
<input type="button" name="show" value="Display">
</center>
</div>
</body>
</html>

⌨️ 快捷键说明

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