>  기사  >  웹 프론트엔드  >  JavaScript 작업 XML 예제 코드(뉴스 제목 가져오기 및 페이지 매기기, 페이지 매기기)_javascript 기술

JavaScript 작업 XML 예제 코드(뉴스 제목 가져오기 및 페이지 매기기, 페이지 매기기)_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:26:341083검색

구체적인 내용은 테스트해보지 않았습니다. 참고용
코드

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

< ?xml 버전 ="1.0" 인코딩="gb2312"?>

;
뉴스 테스트 1


뉴스 테스트 2 뉴스 테스트 2


뉴스 테스트 3

News Test 4 News Test 4


뉴스 테스트 5

뉴스 테스트 6 ;New id ="7" name="테스트 뉴스 7" time="2010-2-18">
뉴스 테스트 7

뉴스 테스트 8 ;/New> ;

뉴스 테스트 9




JS 코드 부분. 코드의 js 부분은 비교적 간단합니다. 가장 중요한 것은 XML 연산 함수입니다



코드 복사

코드는 다음과 같습니다

//JavaScript
function binNew(index)
{
var List = new Array();
목록 = showPage(index);
var listul = "
    "
    for( var i=0 ; i < List.length ; i )
    {
    //document.getElementById("listTb").innerHTML = List[i] "
    " ;
    listul = "
  • " 목록[i] "
  • ";
    }
    listul = "
";
document.getElementById("listTb").innerHTML = listul;
document.getElementById("refer").innerHTML = "";
var tc = rtnPageCount();
for( var i=1 ; i<=tc ; i )
{
//

document.getElementById("refer").innerHTML = "
" 나는 "
";
}
}
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.resolveExternals = false;
xmlDoc.load("News.xml");
// 返回固 정 ID 적신
function findNew(newid)
{
var Domelement = xmlDoc.documentElement;
경고(Domelement);
}
// 返回分页后의 새로운 闻标题连接
var pageSize = 40;
function showPage(pageIndex)
{
var Alltt = new Array();
Alltt = AlltitleLink();
var rtLinks = new Array();
/*未完成分*/
try
{
for( var i=0 ; i{
titles[j] = "< a herf="../News.html?id=" (i 1) "">" allNews[i].getArrtibute("name") "";
j ;
}
}
타이틀 반환;
}
//发回所有新闻 标题的超连接
function AlltitleLink()
{
var allttLink = new Array();
var NewRoot = xmlDoc.documentElement ;
var allNews = NewRoot.childNodes;
for( var i=0 ; i{
var context = allNews[i];
allttLink[i] = "" context.getAttribute("time") " : " context.getAttribute("name") "";
}
모두ttLink 반환;
}

part分Html 代码
复代码 代码如下:













希望对大家的文习工작품又所帮助, 欢迎提问反馈
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
전체부动态>>