📄 new_step3.html

📁 ajax快速入门,主要讲解原理与部门实现

💻 HTML

字号:

<SCRIPT LANGUAGE="JavaScript">

var bloglist=new Array();
var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
function startload(){
	xmlHttp.open("GET", "http://www.blogjava.net/zbw25/Rss.aspx", 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;
			for(var i=0;i<itemlist.length;i++){
				var node=itemlist.item(i);
				if(node.tagName=="title"){
					blogtitle.innerHTML=node.text;
				}
				if(node.tagName=="link"){
					bloglink.href=node.text;
				}
				if(node.tagName=="description"){
					blogdescription.innerHTML=node.text;
				}
				if(node.tagName=="managingEditor"){
					managingEditor.innerHTML=node.text;
				}
				if(node.tagName=="item"){
					bloglist[bloglist.length]=node.childNodes;
				}
			}
			showitem(bloglist[0]);
		}
	}
	xmlHttp.send(null);
}

function showitem(itemlist){
	for(var i=0;i<itemlist.length;i++){
		var node=itemlist.item(i);
		if(node.tagName=="title"){
			itemtitle.innerHTML=node.text;
		}
		if(node.tagName=="link"){
			itemlink.href=node.text;
		}
		if(node.tagName=="description"){
			description.innerHTML=node.text;
		}
		if(node.tagName=="author"){
			author.innerHTML=node.text;
		}
		if(node.tagName=="pubDate"){
			pubDate.innerHTML=node.text;
		}
	}
}
</SCRIPT>
<style>
span{color:"blue";}
span.date{color:"black";display:block;text-align:right;}
li{list-style:none;}
</style>
<body onload="startload()">
<ul>
<li><a id="bloglink"><span id="blogtitle"></span></a></li>
<li>By <span id="managingEditor"></span></li>
<li><span id="blogdescription"></span></li>
<li><a id="itemlink"><span id="itemtitle"></span></a></li>
<li>By <span id="author"></span></li>
<li><div id="description"></div></li>
<li><span id="pubDate" class="date"></span></li>
</ul>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -