开发学院网页设计 JavaScript 创建面向对象的Javascript实现Ajax访问QQ留言板阅读

创建面向对象的Javascript实现Ajax访问QQ留言板

　2009-09-28 00:00:00　来源：WEB开发网　　　

核心提示： 大功告成就差最后一部显示出来<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo

大功告成就差最后一部显示出来

<!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"　> <head　runat="server"> 　　　　<title>ViewLevMsg</title> 　　　　<style　type="text/css"> 　　　　　　　　body{font-size:12px;} 　　　　　　　　#MessageContent{border:solid　1px　silver;width:400px;} 　　　　　　　　#MessageContent　ul{list-style:none;margin:0　5px;padding:0;} 　　　　　　　　#MessageContent　ul　li{border:solid　1px　#f0f0f0;margin:5px　0;padding:2px　5px;} 　　　　　　　　.msgTop{background:#f0f0f0;line-height:20px;} 　　　　　　　　.msgTitle{background:gold;} 　　　　　　　　.msgComment{background:white;} 　　　　</style> 　　　　<script　type="text/javascript"　src="common.js"></script> 　　　　<script　type="text/javascript"　src="qq.modules.LeaveMessage.js"></script> </head> <body> 　　　　<div> 　　　　<div　id="title"></div> 　　　　<div> 　　　　　　　　<span　id="totalNum"></span> 　　　　</div> 　　　　<div　id="description"></div> 　　　　<div　id="authorsign"></div> 　　　　<div　id="MessageContent"></div> 　　　　<script> 　　　　　　　　$get("MessageContent").innerHTML　=　"<ul><li>正在获取数据!</li></ul>"; 　　　　　　　　　　　　　　　　var　r　=　new　QQLeaveMessage("959398298",　1,　10); 　　　　　　　　r.receive(function(t)　{ 　　　　　　　　　　　　$get("title").innerHTML　=　"现在显示的是QQ:"　+　t.title; 　　　　　　　　　　　　$get("totalNum").innerText　=　"共有"　+　t.totalNum　+　"条,当前显示"+t.currentDisplayNum+"条"; 　　　　　　　　　　　　$get("description").innerHTML　=　t.description; 　　　　　　　　　　　　$get("authorsign").innerHTML　=　t.authorsign; 　　　　　　　　　　　　$get("MessageContent").innerHTML　=　t.messageContent; 　　　　　　　　}); 　　　　</script> 　　　　</div> </body> </html>