JavaScript xml 기술로 페이징 브라우징_javascript 기술 구현

tmh.htm & tt.xml 두 개의 파일이 있습니다
소스 코드는 다음과 같습니다.
tmh.htm

코드 복사 코드는 다음과 같습니다.

"키워드" CONTENT="">




<script> <BR>//*********** *****변수 관련 정의**************** <BR>//* 작성자:Haizai * <BR>//* 이메일:rautinee@21cn.com　* <BR> //*이 프로그램은 자유롭게 배포하고 사용할 수 있으나, 이 정보는 꼭 보관해주세요* <BR>//**************************** ***** ************ <BR>var pagenum=4; //각 페이지에 표시되는 정보 수 <BR>var page=0>var contpage ; <BR>var BodyText="" ; <BR>var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") <BR>var mode="member" <BR>xmlDoc.async=" false" <BR>xmlDoc.load( "tt.xml") <BR>//****************** 얻은 실제 필드 이름을 기반으로 이 위치를 변경할 수 있습니다 <BR> header="<TABLE border= 1><tr>gt;<td>이름<td>아이콘<td>IP 주소<td>이메일 ;<td><td>날짜<td>"; <BR>//숫자 검색된 레코드 수 <BR>maxNum = xmlDoc.getElementsByTagName(mode).length <BR> //각 레코드의 열 수 <BR> column=xmlDoc.getElementsByTagName(mode).item(0).childNodes <BR> // 각 레코드의 열 수 열 수 <BR> colNum=column.length <BR> //페이지 수 <BR> PagesNumber=Math.ceil(maxNum/pagenum)-1 <BR> PagesNumber2=Math.ceil( maxNum/pagenum); <BR> //이전 페이지 <BR>function UpPage(page) <BR>{ <BR> thePage="이전 페이지" <BR> if(페이지 1>1) thePage="<A HREF='#' onclick ='Javascript:return UpPageGo()'>이전 페이지"; <BR> return thePage; <BR>} <BR>function NextPage(페이지) <BR>{ <BR> thePage="한 페이지 이후" <BR> if(page<pagesNumber) thePage="<A HREF='#' onclick='Javascript:return NextPageGo()'>다음 페이지"; > 페이지 반환 <BR>} <BR>function UpPageGo(){ <BR>if(page>0) 페이지-- <BR> BodyText="" <BR>/ /현재 페이지 번호 <BR>function currentPage() <BR>{ <BR> var cp <BR> cp="현재 페이지는 " (페이지 1) "" <BR> return cp; } <BR>//총 페이지 수 <BR>function allPage() <BR>{ <BR> var ap <BR> ap='total' (pagesNumber 1) 'pages' <BR> return ap <BR> } <BR>function NextPageGo() <BR>{ <BR>if (page<pagesNumber) page <BR>getContent() <BR> BodyText="" <BR>//페이지 표시 상태 표시줄 <BR>function pageBar(페이지) <BR>{ <BR> var pb <BR> pb=UpPage(page) "" NextPage(page) "" currentPage() "" allPage() selectPage(); 🎜 > return pb; <BR>} <BR>functionchangePage(tpage) <BR>{ <BR>page=tpage <BR> if(page>=0) page-- <BR> if (page<pagesNumber) 페이지 ; <BR> getContent(); <BR> BodyText=""; <BR>} <BR>function selectPage() <BR>{ <BR> var sp="<name=' ㅎㅎ ' onChange='javascript:changePage(this.options[this.selectedIndex].value)'>"; <BR> //sp="<select name='hehe' onChange='alert(this.options[ this .selectedIndex].value)'>"; <BR> sp=sp "<option value=''>"; <BR> for (t=0;t<=pagesNumber;t ) <BR> { <BR> sp=sp "<옵션 값='" t "'>" (t 1) "" <BR> } <BR> sp=sp "< / 선택>" <BR> sp; <BR>} 반환  <BR>함수 getContent()  <BR>{  <BR>if (!page) page=0;  <BR> n=페이지*페이지 번호;  <BR> endNum=(페이지 1)*페이지 번호;  <BR> if (endNum>maxNum) endNum=maxNum;  <BR> BodyText=header BodyText;  <BR> for (;n<endNum;n )  <BR> {  <BR>　    <BR> BodyText=BodyText "<TR>";  <BR> for (m=0;m<=colNum-1;m )  <BR> {　   <BR> mName=column.item(m).tagName;  <BR> BodyText=BodyText ("<TD>" xmlDoc.getElementsByTagName(mName).item(n).text "");  <BR> }  <BR> BodyText=BodyText ""  <BR> mm="";  <BR> }  <BR> showhtml.innerHTML=BodyText "" pageBar(페이지);  <BR>BodyText=""  <BR>}  <BR></script> 

 
 
if (maxNum==0) 
 { 
 document.write("没有检索到合适的人才信息") 
 } 
 else 
 { 
 getContent() 
 }