在客户端创建XML文件可以使用FileSystemObject (FSO) 对象或直接使用XML Document Object Model (DOM)。若使用FSO则客户端必须安装 Window Script 5.5，使用XML DOM则需要在客户端安装有Microsoft® XML Core Services。安全性方面需要在IE的安全设置中启用ActiveX控件。
1、使用FSO创建XML文件
使用FSO对象的GetSpecialFolder方法获得要创建文件所在目录，（GetSpecialFolder方法参数的设置可参见Window 脚本技术文档），然后使用CreateTextFile方法创建一个文本文件并获得一个指向该文件的对象引用，调用文本文件对象的WriteLine方法向文件中写内容，最后关闭对象。
值得注意的是在使用CreateTextFile创建文件时，最后一个指示文件创建方式的参数应该设置为true以表示以Unicode方式创建，并将XML文件的编码设置为UTF-16，这样创建的XML文件才能正常使用。
<script language=javascript>
function CreateXML(){
var fso, tempfolder, xmlfile, schar
fso = new ActiveXObject("Scripting.FileSystemObject")
tempfolder = fso.GetSpecialFolder(0)
xmlfile = fso.CreateTextFile(tempfolder+"XML.XML",true,true)
schar = '\r'
xmlfile.WriteLine('<?xml version="1.0" encoding="UTF-16" ?>'+schar)
xmlfile.WriteLine(''+schar)
for(var i=0i<10i++){
xmlfile.WriteLine(''+schar)
}
xmlfile.WriteLine('')
xmlfile.Close()
}
</script>
2、使用XML DOM创建XML文件
首先创建一个DOMDocument对象，调用其load方法加载一个本地文件，在加载过程中如果文件不存在将会创建一个新文件，然后构造文档内容字符串，构造完后调用loadXML方法加载XML内容，最后调用save方法写文件。
使用XML DOM创建XML 文件需要非常小心内容格式是否正确，否则创建的文件中是不会有任何内容的，因为XMLDOC在写文件时已经判断了格式，如果不正确则save方法会失败。
<script language=javascript>
function CreateXML(){
var xmldoc, xmlnode
xmldoc = new ActiveXObject("Msxml2.DOMDocument.4.0")
xmldoc.load("C:\\XML.xml")
schar = '\r'
xmlhead = '<?xml version="1.0" encoding="UTF-16" ?>'+schar
xmltitle = ''+schar
xmlnode = ''
for(var i=0i<10i++){
xmlnode = xmlnode + ''+schar
}
xmlfoot = ''
strXML = xmlhead+xmltitle+xmlnode+xmlfoot
xmldoc.loadXML(strXML)
xmldoc.save("C:\\XML.xml")
}
</script>
</textarea>
先判断浏览器，然后读取xml数据就可以了//判断不同的浏览器
function InitMf()
{
var mf_change=false
try {
mf_change = new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
mf_change = new ActiveXObject("Microsoft.XMLHTTP")
} catch (E) {
mf_change = false
}
}
if (!mf_change &&typeof XMLHttpRequest!='undefined') {
mf_change = new XMLHttpRequest()
}
return mf_change
}
读取数据
var xmlHttp = InitMf()
var HTML = ""
//获得xml文件
xmlHttp.open("GET", xmlfile+"?"+Math.random(), true)
// 设置处理服务器的JS函数，函数又 xmlHttp.onreadystatechange来确定
xmlHttp.onreadystatechange=function() {
//alert(xmlHttp.status)
if (xmlHttp.readyState==4 &&xmlHttp.status==200) {
//ajax的XML传输的解析。获取解析的数据
var xml = xmlHttp.responseXML
var node = xml.getElementsByTagName("item")//获得总结点
for(var i = 0 i <node.length i++){
var str_t = ""
var str_d = ""
var menuHTML = ""
var elem = node[i]
//下面开始获得子节点数据,当然可以继续循环，获得更下面的节点
var title = elem.getElementsByTagName("title")[0].textContent != undefined ? elem.getElementsByTagName("title")[0].textContent : elem.getElementsByTagName("title")[0].text
这些只是部分代码，不过已经足够了
![[译] styled-components v3.1.0](/aiimages/%5B%E8%AF%91%5D+styled-components+v3.1.0.png)
