<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function xmlDom(){
var xmldom;
/*
解：判断浏览器是否支持ActiveX控件，如果浏览器支持ActiveX控件可以利用
var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象（这是在IE7以前的版本中）；
在较新的IE版本中可以利用 var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象;而在IE7及非IE浏览器中可以利用
var xml=new XMLHttpRequest()创建XMLHttpRequest对象。
*/
if(window.ActiveXObject){
xmldom = new ActiveXObject('Microsoft.XMLDOM');
}else if(document.implementation&&document.implementation.craeteDocument){
/*
document.implementation.createDocument()函数接受3个参数：指定文档的命名空间的一个命名空间URL，根标签名和一个doc类型。
实际上，你将发现这些参数保持未定义或者空，如例子所示。
*/
xmldom = document.implementation.craeteDocument('','',null);//URL 跟标签名称 doc类型
}else{
alert('不支持xmldom对象');
}
return xmldom;
}
window.onload = function(){
var xmldom = xmlDom();//得到一个XMLDOM对象
xmldom.async = false;//设置同步
window.load('city.xml');//加载xml文件
var provs = xmldom.getElementsByTagName('province');
}
</script>
</head>
<body>
<select id="prov">
</select>
<select id="city">
</select>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function xmlDom(){
var xmldom;
/*
解：判断浏览器是否支持ActiveX控件，如果浏览器支持ActiveX控件可以利用
var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象（这是在IE7以前的版本中）；
在较新的IE版本中可以利用 var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象;而在IE7及非IE浏览器中可以利用
var xml=new XMLHttpRequest()创建XMLHttpRequest对象。
*/
if(window.ActiveXObject){
xmldom = new ActiveXObject('Microsoft.XMLDOM');
}else if(document.implementation&&document.implementation.craeteDocument){
/*
document.implementation.createDocument()函数接受3个参数：指定文档的命名空间的一个命名空间URL，根标签名和一个doc类型。
实际上，你将发现这些参数保持未定义或者空，如例子所示。
*/
xmldom = document.implementation.craeteDocument('','',null);//URL 跟标签名称 doc类型
}else{
alert('不支持xmldom对象');
}
return xmldom;
}
window.onload = function(){
var xmldom = xmlDom();//得到一个XMLDOM对象
xmldom.async = false;//设置同步
window.load('city.xml');//加载xml文件
var provs = xmldom.getElementsByTagName('province');
}
</script>
</head>
<body>
<select id="prov">
</select>
<select id="city">
</select>
</body>
</html>