javascript读取xml,兼容火狐和ie各个版本
来源:互联网 发布:炫踪网络 加班严重吗 编辑:程序博客网 时间:2024/06/01 08:46
function getMessages() {
var treesNode = XMLDoc.getElementsByTagName("trees");
var InnerHtml = "";
treesNode = treesNode[0];
InnerHtml+="<ul><li class='info'><img src='Images/no_photo.jpg'/></li><li class='info'>姓名:张志军<p></p>职务:管理员<p></p>修改个人信息</li></ul><div style='clear:both'></div><img src='Images/wzlm.png'/>";
for (var i = 0; i < treesNode.childNodes.length; i++)
{
InnerHtml += "<div class='tit' id=" +'menu'+ (i+1) + "><div class='titImg' id=" +'pc'+(1+i) + "></div><a class='on' id=" +'menu'+(i+1)+'_a' + " tabindex='1'>" + treesNode.childNodes[i].nodeName + "</a></div>"+"<div class='list' id=" + 'menu' + (i + 1) + '_child' + " ><ul>";
for (var j = 0; j < treesNode.childNodes[i].childNodes.length; j++)
{//遍历li
InnerHtml += "<li id="+'m'+(i+1)+'_'+(j+1)+"><a href='javascript:;'><img src="+treesNode.childNodes[i].childNodes[j].childNodes[0].firstChild.nodeValue+" /></a><a href='javascript:;' class="+'list_name'+">"+treesNode.childNodes[i].childNodes[j].childNodes[1].firstChild.nodeValue+"</a></li>";
}
InnerHtml+="</ul></div>";
}
document.body.innerHTML = InnerHtml;
}
function createXMLDoc() {
var xmlDoc;
if (window.ActiveXObject) {//ie
var versions = ["Msxml2.DOMDocument.6.0", "Msxml2.DOMDocument.3.0"];
for (var i = 0; i < versions.length; i++) {
try {
xmlDoc = new ActiveXObject(versions[i]);
return xmlDoc;
}
catch (e) {
}
}
}
else if (document.implementation && document.implementation.createDocument) //firefox opera
{
xmlDoc = document.implementation.createDocument("", "", null);
return xmlDoc;
}
return null;
}
// XMLDoc.onreadystatechange = readyLoadXML;//如果以异步的方式,在ie中需要这段代码
// XMLDoc.onload = xmlDoc_load;
function xmlDoc_load() {
alert("xml文档在firefox opera中异步加载成功!");
}
function readyLoadXML() {
if (XMLDoc.readState == 1) {
alert("对象正在初始化,尚无任何可读的数据,正在载入数据");
}
if (XMLDoc.readState == 2) {
alert("数据正在载入对象并解析");
}
if (XMLDoc.readState == 3) {
alert("部分对象的数据已经读取并解析,因此对象模型是可用的。但是任然无法读取完整的对象数据");
}
if (XMLDoc.readState == 4) {
alert("对象已经载入,内容已经解析完毕");
}
}
</script>
<script type="text/javascript">
var XMLDoc = createXMLDoc();
XMLDoc.async = false;
XMLDoc.load("left.xml");
window.onload = function () {
getMessages();
m1 = new Menu("menu1", 'menu1_child', 'dtu', '100', hide, my_on, my_off);
m1.init();
m2 = new Menu("menu2", 'menu2_child', 'dtu', '100', hide, my_on, my_off);
m2.init();
m3 = new Menu("menu3", 'menu3_child', 'dtu', '100', hide, my_on, my_off);
m3.init();
m4 = new Menu("menu4", 'menu4_child', 'dtu', '100', hide, my_on, my_off);
m4.init();
m5 = new Menu("menu5", 'menu5_child', 'dtu', '100', hide, my_on, my_off);
<?xml version="1.0" encoding="utf-8" ?>
<trees>
<网站管理>
<li>
<src>'Images/list.png'</src>
<name>权限管理</name>
</li>
<li>
<src>'Images/list.png'</src>
<name>文件目录</name>
</li>
<li>
<src>'Images/list.png'</src>
<name>数据字典</name>
</li>
<li>
<src>'Images/list.png'</src>
<name>数据库</name>
</li>
</网站管理>
<信息发布>
<li>
<src>'Images/list.png'</src>
<name>信息发布</name>
</li>
</信息发布>
<网站管理>
<li>
<src>'Images/list.png'</src>
<name>权限管理</name>
</li>
<li>
<src>'Images/list.png'</src>
<name>文件目录</name>
</li>
<li>
<src>'Images/list.png'</src>
<name>数据字典</name>
</li>
<li>
<src>'Images/list.png'</src>
<name>数据库</name>
</li>
</网站管理>
<信息发布>
<li>
<src>'Images/list.png'</src>
<name>信息发布</name>
</li>
</信息发布>
</trees>
- javascript读取xml,兼容火狐和ie各个版本
- IE和火狐兼容文章javascript兼容
- 兼容IE 和火狐
- jquery media iframe 内动态显示pdf(兼容ie各个版本 ,火狐,谷歌)
- js 读取xml 兼容ff和ie
- javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
- javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
- innerText兼容火狐和IE
- innerText兼容火狐和IE
- 关于javascript读取xml文档并且兼容Mozilia 、chrome和IE浏览器
- 兼容IE和Firefox的JS读取XML文档例子
- js读取xml文件 (兼容IE和FF)
- IE和火狐兼容的AJAX写法
- IE和火狐的不兼容
- ie和火狐都兼容的滚动
- 2010IE和火狐全面兼容写法
- 上下左右滚动图片(兼容ie和火狐)
- Android 将Uri转换成File
- IntentFilter
- KDB - Study Note
- sprintf用法
- Norlit OS —— 自制操作系统 第4章 C与汇编
- javascript读取xml,兼容火狐和ie各个版本
- Java防止SQL注入的几个途径
- vsftpd 配置笔记
- iOS 调用地图导航
- strincmp
- Android中延时执行3种方法
- 【VC++】关于 warning C4996: 的解决方法。。
- 十六进制 和二进制
- struts2的拦截器(4):通过继承AbstractInterceptor抽象类定义自己的拦截器