js读取XML文件

最新推荐文章于 2020-04-21 13:56:30 发布

hanxcloveyou

最新推荐文章于 2020-04-21 13:56:30 发布

阅读量467

点赞数

分类专栏： JS等效文章标签： xml function javascript div border class

本文链接：https://blog.csdn.net/hanxcloveyou/article/details/1631546

版权

JS等效专栏收录该内容

58 篇文章 0 订阅

订阅专栏

这几天制作一个系统的邮编区号查询功能，突发奇想制作了这个js+xml版的。在javascript中使用xml的xpath老是提示错误（郁闷ing），后来终于找到了症结所在（^o^）,原来使用 Microsoft.XMLDOM 必须显式声明其SelectionLanguage属性为XPath：

var myXmlDoc = new ActiveXObject("Microsoft.XMLDOM");
myXmlDoc.setProperty("SelectionLanguage","XPath");

利用xpath也就实现了javascript对xml的模糊查询（我这里用到了“等于...”、“包含...”、“以...开头”、“以...结尾”），我也可以放下邮编区号查询js+xml版去忙别的了 :>

显示效果图示

下面是邮编区号查询js+xml版的核心代码：

1、data.xml文件代码（这里只列了5条，明白他的结构就可以）：
<?xml version="1.0" encoding="gb2312"?>

<MyData>
<Item Province="北京" County="北京" Zipcode="100000" Areacode="010" />
<Item Province="北京" County="通县" Zipcode="101100" Areacode="010" />
<Item Province="北京" County="昌平" Zipcode="102200" Areacode="010" />
<Item Province="北京" County="大兴" Zipcode="102600" Areacode="010" />
<Item Province="北京" County="密云" Zipcode="101500" Areacode="010" />
</MyData>

2、index.htm文件代码（这个就是主界面拉）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>js+xml的邮编区号查询</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}

body {
text-align:center;
background-color:#fefefe;
margin: 0px;
}
.mainTable{
background-color:#FFFFFF;border:1px solid #dddddd;
}
.foot{
line-height:20px;text-align:left;
}
.foot a:link,.foot a:visited,.foot a:active{
background-color: #f0f0f0;width:45px; height:20px;
margin:5px 0px 0px 0px;padding:3px 3px 2px 3px;
border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;
border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;
color:#000000;text-align:center;
line-height:14px;font-size:12px;
}
.head td{
font-size:14px; letter-spacing:2px;
border-bottom:1px solid #dddddd;
text-align:center;height:24px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fafafa', endColorStr='#f0f0f0', gradientType='0');
}

.Item{
font-size:12px;height:20px;
text-indent:5px;
border-bottom:1px solid #dddddd;
background-color:#fafafa;
}

.Over{
font-size:12px;height:20px;
text-indent:5px;
border-bottom:1px solid #dddddd;
background-color:#f5f5f5;
}

.SearchBar {
font-size:12px; letter-spacing:2px;
border-bottom:1px solid #dddddd;
padding:5px 0px 3px 0px;
margin:4px 0px 4px 0px;
text-align:center;height:24px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f5f5f5', endColorStr='#eeeeee', gradientType='0');
}
.SearchBar input.textfield{
border-top:1px solid #dddddd;border-left:1px solid #dddddd;
border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;
BACKGROUND-COLOR: #f5f5f5;line-height:18px;
width:240px;HEIGHT: 22px;
}
.SearchBar span.button{
BORDER: 1px outset #f0f0f0;
BACKGROUND-COLOR: #fafafa;
width:50px;HEIGHT: 20px;
padding:3px 3px 2px 3px;
cursor:hand;
}
.Waiting{
background-color:#FFFFFF;
border:1px solid #dddddd;
margin-top:20px;
}
.Waiting span{
width:6px; height:20px; background-color:#999999; margin:-5px 2px -5px 2px;
}
-->
</style>
<script language="JavaScript">

</script>
</head>

</body>
</html>

hanxcloveyou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js读取XML文件

这几天制作一个系统的邮编区号查询功能，突发奇想制作了这个js+xml版的。在javascript中使用xml的xpath老是提示错误（郁闷ing），后来终于找到了症结所在（^o^）,原来使用 Microsoft.XMLDOM 必须显式声明其SelectionLanguage属性为XPath： var myXmlDoc = new ActiveXObject("Microsoft.X
复制链接

扫一扫