javascriptでxmlファイルを解析します.

3704 ワード
JavaScript html xml IE firefox
javascriptを使ってxmlのファイルを解析して、以前はいくつかしたことがあって、今また再び使って、私を害してまた多くの時間を使ってして、意外にもまだ作っていないで、そのため前にした1つの例を貼って、後で直接ブログに行って探しました.
今はめまいがします.
今はIEだけでいいです.firefoxはだめです.以前やった時は全部できました.firefoxのバージョンと関係がありますか?インターネットで資料を調べましたが、主にonreadystatechangeがここで引き起こしたもので、適切な解決策も見つけられませんでした.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <script type="text/javascript">
        var xmlhttp;
        function loadXMLDoc(){
        	var url="http://blog.sina.com.cn/rss/soundfragment.xml";
			alert(url);
        	if(url==""){
        		alert("Please Input URL");
        		return ;
        	}
            xmlhttp=null;
            if (window.XMLHttpRequest){
              xmlhttp=new XMLHttpRequest();
            }
            else if (window.ActiveXObject){
              xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            if (xmlhttp!=null){
              xmlhttp.onreadystatechange=updatePage;
              xmlhttp.open("GET",url,true);
              xmlhttp.send(null);
            } else{
              alert("Your browser does not support XMLHTTP.");
            }            
        }
        function state_Change(){
        alert(xmlDoc);
            if (xmlhttp.readyState==4){
                if (xmlhttp.status==200){
                    updatePage();
                }
                else{
                    alert("Problem retrieving XML data");
                }
            }
        }
        
        function updatePage(){ 
            var xmlDoc = xmlhttp.responseXML;
            var result = xmlDoc.getElementsByTagName("item");
            var mess=document.getElementById("mess");
            mess.innerHTML="";            
            for (var i = 0; i < result.length; i++){
                var title = xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue;
                var link = xmlDoc.getElementsByTagName("link")[i].childNodes[0].nodeValue;
                var value="<a href='"+link+"'>"+title+"</a>";
                mess.innerHTML+=value+"<br />";  
            }
        }
        </script>


    	 <div><input type="button"  value="  " onclick="loadXMLDoc()" /></div>
    	<div id="mess"></div>

 </BODY>
</HTML>

 </BODY>
</HTML>
JavaScriptのサイクル