JavaScript:
Copy codeThe Code is as follows: // The initialization page
Function init (){
Var ary = JSONToArray (XMLReader ("node", "content. dibi "));
Var divtoc = document. getElementById ("div_toc ");
PageCount = ary. length;
For (k = 0; k <ary. length; k ++ ){
Obj = eval ('+ ary [k] + ')');
Divtoc. innerHTML + = "<a href = 'javascript: changeImage (" + obj. page. substring (obj. page. length-1) + ") '>"
+ Obj. label + "</a> ";
}
Page = 1;
ChangeImage (page );
Var pageManager = document. getElementById ("div_page ");
PageManager. innerHTML = "<a href = 'javascript: changePage (0) '> previous page </a>"
+ "<A href = 'javascript: changePage (1) '> next page </a> <br/> ";
Var ary2 = JSONToArray (XMLReader ("meta", "content. dibi "));
Var divmeta = document. getElementById ("div_meta ");
Var styStr = "<table>"
For (l = 0; l <ary2.length; l ++ ){
Obj2 = eval ('+ ary2 [l] + ')');
StyStr + = "<tr> <td>" + obj2.name + "</td> <td>" + obj2.content + "</td> </tr> ";
}
Divmeta. innerHTML = styStr + "</table> ";
}
// Parse the. dibi file.
Function XMLReader (key, fileName ){
Var parse = BrowserValidator ();
Parse. load (fileName );
Var json = "";
Try {
Var dom = parse.doc umentElement;
Var attrLength = 0;
For (I = 0; I <dom. getElementsByTagName (key). length; I ++ ){
AttrLength = dom. getElementsByTagName (key) [I]. attributes. length;
ObjMsg = ",{";
For (j = 0; j <attrLength; j ++ ){
ObjMsg + = "'" + dom. getElementsByTagName (key) [I]. 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;
}
// Determine the browser type. Supports IE and 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;
}
Return result;
}
Var page = 1; // current page
Var pageCount; // the total number of pages.
// Click to change the page Image
Function changeImage (page1 ){
Page = page1;
Var divimg = document. getElementById ("div_img ");
Divimg. innerHTML = " ";
}
// Previous and next pages
Function changePage (flag ){
If (flag = 0 & page> 1 ){
Page --;
}
If (flag = 1 & page <pageCount ){
Page ++;
}
ChangeImage (page );
}
// Convert JSON data into an array
Function JSONToArray (json ){
Return json. replace (new RegExp ("},", "g"), "} |"). split ("| ");
}
HTML:Copy codeThe Code is as follows: <Head>
<Title> </title>
<Script language = "javascript" type = "text/javascript" charset = 'gbk' src = "xmlhelper. js"> </script>
</Head>
<Body onload = "init ()">
<Div id = "div_toc"> </div>
<Div id = "div_img"> </div>
<Div id = "div_page"> </div>
<Div id = "div_meta"> </div>
</Body>
</Html>
XML: omitted.