html中使用js加载xml文件
2014-07-29 20:56
369 查看
<script type='text/javascript'> function parseXML(file){ try //Internet Explorer---ie浏览器的解析器创建方式如下: { xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); } catch (e) { try //Firefox, Mozilla, Opera, etc. 火狐等浏览器的创建方式。 { xmlDoc = document.implementation.createDocument("", "", null); } catch (e) { alert(e.message); return; //如果创建不成功,就直接返回,不往下走。 } } xmlDoc.async = false; xmlDoc.load(file); return xmlDoc; //返回创建好的解析器,传给调用者。 } //以上部分是百度找的。。 var xml; //xml解析器 var doc; //解析后的document var city; //节点信息 function loadXML(file){ //加载文件 xml = parseXML(file); doc = xml.documentElement; var select = document.getElementById("list"); //遍历xml元素 并加入select city = doc.getElementsByTagName("City"); for(var i = 0; i<city.length ;i++){ var opt = document.createElement("option"); opt.value = i; //此处value设为对应下标 opt.innerText = city[i].getAttribute("Name"); select.appendChild(opt); } } function showMSG(list){ var cityMsg = document.getElementById("cityMsg"); //获取对应下标 var num = list.value; //当select框不是“请选择”时,显示城市信息 if(!isNaN(num)){ //显示当前选中城市的信息 cityMsg.innerText = city[num].text; } //否则置为空 else{ cityMsg.innerText = ""; } } </script> <BODY> <input type="button" value="加载xml文件" onclick="loadXML('city.xml')"><br> 城市列表: <select id="list" name="list" onchange="showMSG(this)"> <option>请选择</option> </select> <br> 城市信息: <textarea id="cityMsg" style="width:200px;height:120px;"> </textarea> </BODY> </HTML>
相关文章推荐
- IOS使用webview加载本地HTML文件,压入JS
- webview加载html时使用assets文件夹下的css或者js文件
- 谷歌验证码非web.xml非servlet拦截 使用配置文件自定义加载,防止多次点击(防js攻击)
- Qt加载本地html文件 并且调用JS的函数在Qt中使用
- 如何使用多线程加载多个XML文件到TreeView控件
- 使用多线程加载多个Xml文件到TreeView控件
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- ASP.NET使用后台动态加载js和css文件
- 使用多线程加载多个Xml文件到TreeView控件
- 使用多线程加载多个Xml文件到TreeView控件
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
- 使用JQuery加载XML文件中的数据【附源码下载】
- 加载XML配置文件的BeanFactory的使用演示
- 使用多线程加载多个Xml文件到TreeView控件
- C#中使用XSLT文件将XML文档转换为HTML
- 使用jQuery.ajax加载本地XML文件是要注意的事情
- 页面加入_JS,CSS使用,#include添加文件,缓存页面,页面间传递汉字,IsPostBack控制页面的加载,自定义错语页面
- 使用JS动态在页面加载CSS文件
- 使用javascript动态加载外部css或js文件
- 使用jquery动态加载js,css文件