2013-06-06
展开全部
用JS操作XML,对客户端来说只有读取的权限如果需要对XML文件进行修改保存操作,就要用FSO<script type="text/javascript">
function go(){var thebook,root,theelem;
var xmldoc=new ActiveXObject("Msxml2.DOMDocument.4.0");
xmldoc.async=false;
xmldoc.load("C:\\test.xml");
root=xmldoc.documentElement;
// alert(xmldoc.xml);
thebook=xmldoc.createElement("book");
// thebook.setAttribute("id" "15");
theelem=xmldoc.createElement("name");
theelem.text="xinshu";
thebook.appendChild(theelem);
theelem=xmldoc.createElement("price");
theelem.text="20";
thebook.appendChild(theelem);
theelem=xmldoc.createElement("momo");
theelem.text="very good!";
thebook.appendChild(theelem);
root.appendChild(thebook);
// alert(xmldoc.xml);thebook=root.selectSingleNode("/books/book[name='xinshu']");
thebook.setAttribute("id","15");
// alert(xmldoc.xml);
thebook=root.selectSingleNode("/books/book[name='哈里波特']");
thebook.childNodes[1].text="20";
thebook.setAttribute("id","25");
// alert(root.xml);
thebook.parentNode.removeChild(thebook);
alert(xmldoc.xml);
var somebook=root.selectNodes("/books/book[price<10]");
// alert(somebook.xml);
somebook.removeAll();
alert(xmldoc.xml);
xmldoc.loadXML(xmldoc.xml);
xmldoc.save("C:\\test.xml"); //会提示权限不足..其实我在想 既然DOM给出了这个方法必然有它的用途,但是目前还没发现它在哪能用到 . 试过多个地方使用 都会出现权限问题 可能是JS本身的限制
// var fso, tf; //使用JSO必须安装个插件
// fso = new ActiveXObject("Scripting.FileSystemObject");
// 创建新文件
// tf = fso.CreateTextFile("c:\\testfile.xml", true);
// 填写数据,并增加换行符
// tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3个空行
// tf.WriteBlankLines(3) ;
// 填写一行,不带换行符
// tf.Write (xmldoc.xml);
// 关闭文件
// tf.Close();
}
</script>其它参考:http://www.68design.net/Web-Guide/HTMLCSS/9335-1.html
function go(){var thebook,root,theelem;
var xmldoc=new ActiveXObject("Msxml2.DOMDocument.4.0");
xmldoc.async=false;
xmldoc.load("C:\\test.xml");
root=xmldoc.documentElement;
// alert(xmldoc.xml);
thebook=xmldoc.createElement("book");
// thebook.setAttribute("id" "15");
theelem=xmldoc.createElement("name");
theelem.text="xinshu";
thebook.appendChild(theelem);
theelem=xmldoc.createElement("price");
theelem.text="20";
thebook.appendChild(theelem);
theelem=xmldoc.createElement("momo");
theelem.text="very good!";
thebook.appendChild(theelem);
root.appendChild(thebook);
// alert(xmldoc.xml);thebook=root.selectSingleNode("/books/book[name='xinshu']");
thebook.setAttribute("id","15");
// alert(xmldoc.xml);
thebook=root.selectSingleNode("/books/book[name='哈里波特']");
thebook.childNodes[1].text="20";
thebook.setAttribute("id","25");
// alert(root.xml);
thebook.parentNode.removeChild(thebook);
alert(xmldoc.xml);
var somebook=root.selectNodes("/books/book[price<10]");
// alert(somebook.xml);
somebook.removeAll();
alert(xmldoc.xml);
xmldoc.loadXML(xmldoc.xml);
xmldoc.save("C:\\test.xml"); //会提示权限不足..其实我在想 既然DOM给出了这个方法必然有它的用途,但是目前还没发现它在哪能用到 . 试过多个地方使用 都会出现权限问题 可能是JS本身的限制
// var fso, tf; //使用JSO必须安装个插件
// fso = new ActiveXObject("Scripting.FileSystemObject");
// 创建新文件
// tf = fso.CreateTextFile("c:\\testfile.xml", true);
// 填写数据,并增加换行符
// tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3个空行
// tf.WriteBlankLines(3) ;
// 填写一行,不带换行符
// tf.Write (xmldoc.xml);
// 关闭文件
// tf.Close();
}
</script>其它参考:http://www.68design.net/Web-Guide/HTMLCSS/9335-1.html
展开全部
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>js读取xml</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
//使用jquery框架事半功倍
$(document).ready(function(){
var imageID;
var xml;
loadXML("test.xml");
$("#imgInfo").find("img").mouseover(function(){
//鼠标移入imgInfo里的IMG
imageID=$(this).attr("id");
//获取移入图片的ID
$(xml).find("Image").each(function(){
//遍历xml的image标签
if($(this).attr("ID")==imageID)
//相等设置输出
$("#output").html("ID:"+$(this).attr("ID")+",TT:"+$(this).attr("TT")+",Time:"+$(this).attr("Time"))
})
})
$("#imgInfo").find("img").mouseout(function(){//鼠标移出
$("#output").html("")//清空
)}
function loadXML(fileName) {//ajax方式读取xml
$.ajax({
type: "GET",
url: fileName,
dataType: ($.browser.msie) ? "text" : "xml",
success: function(data, textStatus, jqXHR){//读取成功
if (typeof data == "string") {
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
},
error: function(jqXHR, textStatus, errorThrown) {//读取失败时
_defaultAjaxError(jqXHR, textStatus, errorThrown);
}
});
}
function _defaultAjaxError(jqXHR, textStatus, errorThrown) {
alert(jqXHR.status + ' * ' + jqXHR.statusText + ' * ' + jqXHR.responseText );
alert(textStatus);
}
});
</script>
</head>
<body>
<div id="imgInfo">
<image src="http://album.u17i.com/image/2011/11/ea/36/470344_28309_165138_tkBE.jpg" ID="566" />
<image src="http://album.u17i.com/image/2011/11/95/5a/482698_29371_165138_MROI.jpg" ID="786" />
</div>
<div id="output"style="color:red">输出信息</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>js读取xml</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
//使用jquery框架事半功倍
$(document).ready(function(){
var imageID;
var xml;
loadXML("test.xml");
$("#imgInfo").find("img").mouseover(function(){
//鼠标移入imgInfo里的IMG
imageID=$(this).attr("id");
//获取移入图片的ID
$(xml).find("Image").each(function(){
//遍历xml的image标签
if($(this).attr("ID")==imageID)
//相等设置输出
$("#output").html("ID:"+$(this).attr("ID")+",TT:"+$(this).attr("TT")+",Time:"+$(this).attr("Time"))
})
})
$("#imgInfo").find("img").mouseout(function(){//鼠标移出
$("#output").html("")//清空
)}
function loadXML(fileName) {//ajax方式读取xml
$.ajax({
type: "GET",
url: fileName,
dataType: ($.browser.msie) ? "text" : "xml",
success: function(data, textStatus, jqXHR){//读取成功
if (typeof data == "string") {
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
},
error: function(jqXHR, textStatus, errorThrown) {//读取失败时
_defaultAjaxError(jqXHR, textStatus, errorThrown);
}
});
}
function _defaultAjaxError(jqXHR, textStatus, errorThrown) {
alert(jqXHR.status + ' * ' + jqXHR.statusText + ' * ' + jqXHR.responseText );
alert(textStatus);
}
});
</script>
</head>
<body>
<div id="imgInfo">
<image src="http://album.u17i.com/image/2011/11/ea/36/470344_28309_165138_tkBE.jpg" ID="566" />
<image src="http://album.u17i.com/image/2011/11/95/5a/482698_29371_165138_MROI.jpg" ID="786" />
</div>
<div id="output"style="color:red">输出信息</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2017-08-27
展开全部
这个路径下有你需要的东西,看完了不要忘记给分啊。谢谢!http://wenku.baidu.com/view/5baeaa0d6c85ec3a87c2c59a.html
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |