例1,跨浏览器读取xml文件。
 
复制代码 代码示例:
<html>  
<head>  
    <script type="text/
javascript">  
        function createdocument()  
        {  
            var xmldoc;  
            if(window.activexobject)//ie中依靠activexobject()对象和msxml库来获取和打开xml文档  
            {  
                var versions=[  
                            "msxml2.domdocument.6.0",//msxml库有多种版本,一般只检查这两个  
                            "msxml2.domdocument.3.0"//优先新版  
                             ];  
                for(var i=0;i<versions.length;i++)  
                {  
                    try  
                    {  
                        xmldoc=new activexobject(versions[i]);//用activexobject对象
构造函数,  
                        return xmldoc;//需要传入一个包含activex对象版本的字符串  
                    }  
                    catch (error)//若创建activex对象失败,则转入这里,但是什么也不做  
                    {  
                        //do nothing here  
                    }  
                }  www.jb200.com
            }  
            else if(document.implementation && document.implementation.createdocument)  
            {//适用于firefox、opera,依然不适用safari和chrome  
                xmldoc=document.implementation.createdocument("","",null);  
                return xmldoc;  
            }  
            return null;  
        }  
        function getdailymessage()  
        {  
            var messages=xmldoc.getelementsbytagname("daily");  
            //注意此处使用的xmldoc在此函数中没有定义,那么来自哪里呢?  
            //在html页面正文中定义的xmldoc
全局变量  
            var dateobj=new date();  
            var today=dateobj.getday();  
            return messages[today].firstchild.nodevalue;  
        }  
    </script>  
</head>  
<body>  
    <div id="messagecontainer"></div>  
    <script type="text/javascript">  
        var xmldoc=createdocument();//全局变量,同样用于getdailymessage函数中  
        xmldoc.async=false;//解释见下面  
        xmldoc.load("motd.xml");  
        document.getelementbyid("messagecontainer").innerhtml=getdailymessage();  
    </script>  
</body>  
</html> 
在实际操作xml文件之前,先确保该文档已经完全加载到客户端的浏览器缓存中。
否则,脚本在xml文件下载完成之前操作,会抛出javascript错误。
可以使用async避免这样的错误(通用方法)。
async属性表示浏览器下载页面其余部分之前,是否等待指定的xml文档下载完。这个属性表示“异步(asynchronous)”。默认值是true,表示浏览器无需等待xml文档完全下载。因此只要我们将其值设置为false,就可以避免前面的问题。
在ie中可使用readystate属性
ie的xml对象和很多的html对象都有readystate属性,用于返回对象之前的加载状态。
readystate属性的可能的返回值如下:
1 //对象正在初始化,尚无任何可读数据,正在载入数据(loading)
2 //对象正在载入对象并解析(loaded)
3 //部分对象的数据已经读取并解析,因此对象模型是可用的。
//但是仍无法读取完整的对象数据(interactive)
4 //对象已经载入,内容已经完全解析完毕(completed)
在这里只需要关注一个等于4的状态就行了。
举例:
 
复制代码 代码示例:
function xmldoc_readystatechange()
{
if(xmldoc.readystate==4)alert("xml file loaded");
}
var xmldoc=createdocument();
xmldoc.onreadystatechange=xmldoc_readystatechange;
xmldoc.load("myfile.xml");
在firefox、opera中使用onload。
注意,在firefox。opera中不支持使用readystate来判断文档的加载状态,而是在文件加载完,且dom对象可用时,执行onload事件处理程序。
举例:
 
复制代码 代码示例:
function xmldoc_load()
{
alert("xml is loaded");
}
var xmldoc=document.implementation.createdocument("","",null);
xmldoc.onload=xmldoc_load;
xmldoc.load("myfile.xml");
在与上面html同文件夹下再建一个如下xml文件:
 
复制代码 代码示例:
<?xml version="1.0" ?>  
<messages>  
    <daily>today is sunday</daily>  
    <daily>today is monday</daily>  
    <daily>today is tuesday</daily>  
    <daily>today is wednesday</daily>  
    <daily>today is thursday</daily>  
    <daily>today is friday</daily>  
    <daily>today is saturday</daily>  
</messages>