javascript_javascript 기술의 XML 작업 구현 코드

JavaScript 측:

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

//초기화 페이지
function init () {
var ary = JSONToArray("node","content.dibi"));
var divtoc = document.getElementById("div_toc")
pageCount = ary. length;
for(k = 0; k obj = eval('(' ary[k] ')'); a href= 'javascript:changeImage(" obj.page.substring(obj.page.length-1) ")'>"
obj.label " " "

페이지 = 1;
changeImage(페이지);

var pageManager = document.getElementById("div_page")
pageManager.innerHTML = "이전 페이지 " "
"다음 페이지


var ary2 = JSONToArray(XMLReader("meta","content.dibi"));
var divmeta = document.getElementById("div_meta");
var styStr = " <테이블>"
for(l = 0; l < ary2.length; l ){
obj2 = eval('(' ary2[l] ')'); < ;tr>" obj2.name "" obj2.content "";
}
divmeta.innerHTML = styStr "";
}

//.dibi 파일을 구문 분석합니다.
function XMLReader(key,fileName) {
var parse = BrowserValidator();
parse.load(fileName);
var json = ""
var dom = pars.documentElement;
var attrLength = 0;
for (i = 0; i < dom.getElementsByTagName(key).length; i ) {
attrLength = dom.getElementsByTagName(key) ].attributes.length;
objMsg = ",{";
for(j = 0; j < attrLength; j ){
objMsg = "'" dom.getElementsByTagName(key) .attributes[j].name
"':'" dom.getElementsByTagName(key)[i].attributes[j].value "',"
}
objMsg = objMsg.substring(0 ,objMsg.length-1);
json = objMsg "}";
}
json = json.substring(1)
}catch(e){}
return json;
}

//브라우저 유형을 결정합니다. IE, FireFox를 지원합니다.
function BrowserValidator(){
var result;
if(!window.DOMParser && window.ActiveXObject) {
result = new ActiveXObject("Microsoft.XMLDOM")
result.async = false;
}
else if(document.implementation && document.implementation.createDocument) {
result = document.implementation.createDocument("", "", null)
result.async = false;
}
결과 반환;

var page = 1; //현재 페이지
var pageCount; / /클릭에 따라 페이지 이미지 변경
functionchangeImage(page1){
page = page1
var divimg = document.getElementById("div_img")
divimg.innerHTML = "";
}

//이전 페이지 및 다음 페이지
functionchangePage(flag){
if( 플래그 == 0 && 페이지 > 1){
페이지--;
}
if(플래그 == 1 && 페이지 < pageCount){
페이지 ; 🎜>changeImage(page);
}


//JSON 데이터를 배열로 변환
function JSONToArray(json){
return json.replace(new RegExp("} ," , "g"), "}|").split("|");
}


HTML 쪽:




코드를 복사하세요

코드는 다음과 같습니다: