new_step3.html

来自「ajax快速入门,主要讲解原理与部门实现」· HTML 代码 · 共 73 行

HTML

73 行

<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>

new_step3.html - 源码说明

本页面展示了「ajax快速入门,主要讲解原理与部门实现」中的 new_step3.html 源码文件，采用 HTML 编程语言编写，共 73 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与Ajax相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?