javascript 端：
复制代码 代码如下:
//初始化页面
function init() {
var ary = jsontoarray(xmlreader(node,content.dibi));
var divtoc = document.getelementbyid(div_toc);
pagecount = ary.length;
for(k = 0; k obj = eval('(' + ary[k] + ')');
divtoc.innerhtml +=
+ obj.label +       ;
}
page = 1;
changeimage(page);
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 obj2 = eval('(' + ary2[l] + ')');
stystr += + obj2.name + + obj2.content +
;
}
divmeta.innerhtml = stystr +
;
}
//解析.dibi 文件。
function xmlreader(key,filename) {
var parse = browservalidator();
parse.load(filename);
var json = ;
try{
var dom = parse.documentelement;
var attrlength = 0;
for (i = 0; i attrlength = dom.getelementsbytagname(key)[i].attributes.length;
objmsg = ,{;
for(j = 0; 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;
}
//判断浏览器类型。支持 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;
}
return result;
}
var page = 1; //当前页
var pagecount; //总页数
//根据点击改变页面图片
function changeimage(page1){
page = page1;
var divimg = document.getelementbyid(div_img);
divimg.innerhtml = ;
}
//上页及下页
function changepage(flag){
if(flag == 0 && page > 1){
page--;
}
if(flag == 1 && page page++;
}
changeimage(page);
}
//将 json 数据转换成数组
function jsontoarray(json){
return json.replace(new regexp(},, g), }|).split(|);
}
html 端：
复制代码 代码如下:
xml 端：略。