<body>中的代码:<body OnLoad="setOB();focus();" onkeydown="controlByKey(event)">
<div id="imageFlow">
<div class="top">
            <div class="bank">
??????????????????
  </div>
        </div>
<div class="text">
<div class="title">Loading</div>
<div class="legend">Please wait...</div>
</div>
<div class="scrollbar">
<img class="track" src="images/sb.gif" alt="">
<img id="left" class="arrow-left" src="images/sl.gif" alt="">
<img id="right" class="arrow-right" src="images/sr.gif" alt="">
        <img class="bar" src="images/sc.gif" alt=""> 
</div>
        
</div>
</body>
/////////////////////////////////
<style>代码:<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
width: 100%;
height: 100%;
}
#imageFlow {
position: absolute;
width: 100%;
height: 80%;
left: 0%;
top: 10%;
background: #000;
}
#imageFlow .diapo {
position: absolute;
left: -1000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .bank {
font-size:36px;
visibility: hidden;
 FILTER: Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=100,Starty=100,Finishx=0,Finishy=0);
}

#imageFlow .top {
position: absolute;
width: 100%;
height: 40%;
background:#000000;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 16%;
text-align: center;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
z-index: 1000;
}
#imageFlow .title {
font-size: 0.9em;
font-weight: bold;
}
#imageFlow .legend {
font-size: 0.8em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 16px;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .arrow-left {
position: absolute;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
}
#imageFlow .bar {
position: absolute;
height: 16px;
left: 25px;
}
</style>////////////////////////////////////////
js解析xml代码:<script language="javascript" type="text/javascript">
        function NewInfoAction()
        {
      //  alert("此程序运行了");
            var dom;
            var type=1;                                         
            var data = new Array();                                      
            if(navigator.userAgent.indexOf("MSIE")>0)
            {
          //  alert("IE处运行了");
                dom = new ActiveXObject("Microsoft.XMLDOM");    
                                dom.async = false;                            
                dom.load("NewInfo.xml");                        
                window.alert('IE');
            }
            else if(isFirefox=navigator.userAgent.indexOf("Firefox") > 0)
            {   
                alert("FF处运行了");
                type=2;
                dom = document.implementation.createDocument("", "", null);         
                dom.async = false;
                dom.load("NewInfo.xml");
                            }
            else
            {
                window.alert('暂不识别该浏览器!');
                return;
            }        
            if(dom)
            {
                var node;
              
                if(type == 1)   
                {
                    node = dom.documentElement.childNodes;                     
                    for(var i=0;i<node.length;i++)
                    {
                        var title = node[i].childNodes[0].text;                 //取出i行中的字段的值,大家这样理解更方便
                        var content = node[i].childNodes[1].text;
                        var date = node[i].childNodes[2].text;
                        data.push({title:title,content:content,date:date});     //在这里,我们使用使用json,把数据库存储在里面
                    }
                }
                else
                {
                    var node = dom.getElementsByTagName("News");
                    for(var i=0;i<node.length;i++)
                    {
                        var value = dom.getElementsByTagName("News")[i].textContent.split('\n');
                        var id = value[1];
                        var url = value[2];
                        var href = value[3];
var name = value[4];
// alert("此程序运行中");
// alert(value[2]);
                        data.push({id:id,url:url,href:href,name:name});     //在这里,我们使用使用json,把数据库存储在里面
                    }
                }
            }
            else
            {
                window.alert("dom对象为空,失败了!");
                return;
            }          
            if(data.length != 0)
            {
                var shtml = '';
                for(var i=0;i<data.length;i++)
                {
//     shtml+='<tr id="id_key" onMouseOver="key_showMovie()" onMouseOut="key_hiddenMovie()">';
                    
                    shtml += '<a id="';
                    shtml += data[i].id;
                    shtml += '"';
                
                    shtml += '&nbsp rel="';
                    shtml += data[i].url;
                    shtml += '" title="&nbsp;"';
                    
                    shtml += '&nbsp href="';
                    shtml += data[i].href;
                    shtml += '">';
               
       // shtml += '';
                    shtml += data[i].name;
                    shtml += '</a>';
   //     shtml+='</tr>';  //添加的横条
        
                }
                                 document.getElementById('textDiv').innerHTML = shtml;
            }
            else
            {
                document.getElementById('textDiv').innerHTML = '没有信息!';
            }
        }
    </script>
//////////////////////
xml  文件是:<?xml version="1.0" encoding="gb2312" ?>
<NewInfo>
<News>
    <Id>a_1</Id>
    <Url>images/desktop_Tb-AnZhuangXZ-y.png</Url>
    <Href>#</Href>
    <Name>升级</Name>
</News>
<News>
    <Id>a_2</Id>
    <Url>images/02.png</Url>
    <Href>#</Href>
    <Name>安装卸载</Name>
</News>
<News>
    <Id>a_3</Id>
    <Url>images/desktop_Tb-SheZhi-y.png</Url>
    <Href>#</Href>
    <Name>设置</Name>
</News>
<News>
    <Id>a_4</Id>
    <Url>images/desktop_Tb-XiaZai-y.png</Url>
    <Href>#</Href>
    <Name>下载</Name>
</News>
<News>
    <Id>a_5</Id>
    <Url>images/desktop_Tb-TianQiYB-y.png</Url>
    <Href>#</Href>
    <Name>天气预报</Name>
</News>
<News>
    <Id>a_6</Id>
    <Url>images/desktop_Tb-BoFang-y.png</Url>
    <Href>filemanager/movie.html</Href>
    <Name>播放</Name>
</News>
<News>
    <Id>a_7</Id>
    <Url>images/desktop_Tb-YouXi-y.png</Url>
    <Href>#</Href>
    <Name>游戏</Name>
</News>
<News>
    <Id>a_8</Id>
    <Url>images/desktop_Tb-XuFei-y.png</Url>
    <Href>#</Href>
    <Name>续费</Name>
</News>
<News>
    <Id>a_9</Id>
    <Url>images/desktop_Tb-dianshiju-y.png</Url>
    <Href>#</Href>
    <Name>电视剧</Name>
</News>
<News>
    <Id>a_10</Id>
    <Url>images/desktop_Tb-WenJianGL-y.png</Url>
    <Href>#</Href>
    <Name>文件管理</Name>
</News>
<News>
    <Id>a_11</Id>
    <Url>images/desktop_Tb-zongyi-y.png</Url>
    <Href>#</Href>
    <Name>综艺</Name>
</News>
</NewInfo>///////////////////////我想要的效果是想吧解析后的信息呈现在????????的位置
在FF下

解决方案 »

  1.   

    在ie下正常么?firefox是不忽略whitespace的!所有用js很麻烦
      

  2.   

    ie 和 ff在js 和css上都有一些不兼容的·~~首先你先查看一个ff打开的页面的源码
    看是否有你所插得值第二:在js里 alert打印  看是否能执行完js方法第三:在你js里所用的方法
     重点查看在判断ff浏览器里的代码
     在百度里查下 是否支持ff 
     不支持是否有别的方法代替  替换就行
    css的也一样 
      

  3.   

     dom.documentElement.childNodes这个好像就不兼容
      

  4.   

    xml 解释有点问题,根据你现有的XML格式, 看看如下解释函数...
    function NewInfoAction()
    {
    var xmlDom; //XML DOM object
    var xmlFile="NewInfo.xml"; //xml file name
    var ieFlag="ie"; //default
    //----------------------------start: create XML Dom-----------------------------------------
    if (window.ActiveXObject){ //for MS IE
    var axlist=new Array("MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XMLDOM","MSXML.DOMDocument");
    for(var h=0;h<axlist.length;h++)
    {
    try{
    xmlDom=new ActiveXObject(axlist[h]);
    }catch(e){
    continue;
    }
    if(xmlDom) break;
    }
    xmlDom.async=false;
    xmlDom.load(xmlFile);
    ieFlag="ie";
    }else if(document.implementation && document.implementation.createDocument){ //other IE
    xmlDom=document.implementation.createDocument("","",null);
    xmlDom.async=false;
    xmlDom.load(xmlFile);
    ieFlag="other";
    }else{
    alert("Can not create XML DOM Document object in your IE.\nMaybe use Microsoft or FireFox or Netscape IE will better.");
    }
    //----------------------------End: create XML Dom-----------------------------------------
    //----------------------------start: read XML Dom-----------------------------------------
    var strHTML="";
    var aID,aPic,aHref,aText;if(ieFlag=="ie"){ //MS IE
    var newsList1=xmlDom.documentElement.getElementsByTagName("News");
    for(var i=0;i<newsList1.length;i++){
    try{
    aID=newsList1[i].childNodes[0].text;
    aPic=newsList1[i].childNodes[1].text;
    aHref=newsList1[i].childNodes[2].text;
    aText=newsList1[i].childNodes[3].text;
    strHTML+="<a id=\""+aID+"\" rel=\""+aPic+"\" title=\""+aText+"\" href=\""+aHref+"\">"+aText+"</a>";
    }catch(e){ }
    }
    }if(ieFlag=="other"){//NOT MS IE
    var newsList2=xmlDom.getElementsByTagName("News");
    for(var j=0;j<newsList2.length;j++){
    try{
    aID=newsList2[j].getElementsByTagName("Id")[0].childNodes[0].nodeValue;
    aPic=newsList2[j].getElementsByTagName("Url")[0].childNodes[0].nodeValue;
    aHref=newsList2[j].getElementsByTagName("Href")[0].childNodes[0].nodeValue;
    aText=newsList2[j].getElementsByTagName("Name")[0].childNodes[0].nodeValue;
    strHTML+="<a id=\""+aID+"\" rel=\""+aPic+"\" title=\""+aText+"\" href=\""+aHref+"\">"+aText+"</a>";
    }catch(e2){}
    }
    }
    document.getElementById("textDiv").innerHTML=strHTML;
    //----------------------------end: read XML Dom-------------------------------------------
    }
    <div id="textDiv" class="bank">...</div>有分不.... :)