javascript修改xml数据的例子

最新推荐文章于 2019-12-05 13:24:48 发布

DBCOLOR

最新推荐文章于 2019-12-05 13:24:48 发布

阅读量2.9k

点赞数

文章标签： javascript xml class vbscript input function

本文链接：https://blog.csdn.net/DBCOLOR/article/details/1451073

版权

myfile.xml

<?xml version="1.0" encoding="GB2312"?>
<myfile>
<er1>8.7</er1>
<er2>7.80</er2>
</myfile>

CIF报价.hta

<!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=gb2312" />
<title>CIF报价</title>
<style type="text/css">
body{background:#C0DCC0;}
#aa{ display:block;
font:Arial, Helvetica, sans-serif;
font-size:16px;
width:430px;
color:#2A0000;}
#aa ul{ list-style:none; display:block; margin:0px;}
#aa li{ float:left;border:1px solid #009900;}
.aa1{padding:0px auto; width:40%;height:23px; text-align:right;}
.aa2{padding:0px auto;width:59%;height:23px; text-align:left;}
.aa3{padding:0px auto;width:100%; text-align:center; height:30px;}
INPUT.buttonface{BACKGROUND: #ff9900; border:1px solid black; COLOR: ##6c0000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
</style>
<script language="JavaScript" for="window" event="onload">
function lly365win()
{
var lly365width=500;//改为你要的网页宽度
var lly365height=300;//改为你要的网页高度
window.resizeTo(lly365width,lly365height);
}
lly365win();
var XMLDoc = new ActiveXObject("Microsoft.XMLDOM");
XMLDoc.async="false";
XMLDoc.load("myfile.xml");
nodes = XMLDoc.documentElement.childNodes;
form1.er1.innerText =parseFloat(nodes.item(0).text);
form1.er2.innerText = parseFloat(nodes.item(1).text);
</script>
<script language="javascript">
function compute(myform){
var rate1=parseFloat(myform.er1.value)
var rate2=parseFloat(myform.er2.value)
x=Math.round(parseFloat(myform.text1.value)*10000)/10000;
y=Math.round(parseFloat(myform.text2.value)*10000)/10000;
z=Math.round(parseFloat(myform.text3.value)*10000)/10000;
if (x=="")
{alert("请输入RMB单价！");
myform.text1.focus();
return(false);
}
if (y=="")
{alert("请输入总运费！");
myform.text2.focus();
return(false);
}
if (z==""||z==0)
{alert("产品数量不能为空或0");
myform.text3.focus();
return(false);
}
if (isNaN(x)||x<0)
{alert("RMB单价数值类型不匹配！");
myform.text1.value="";
myform.text1.focus();
return(false);}
if (isNaN(y)||y<0)
{alert("总运费数值类型不匹配！");
myform.text2.value="";
myform.text2.focus();
return(false);}
if (isNaN(z)||z<0)
{alert("产品数量数值类型不匹配！");
myform.text3.value="";
myform.text3.focus();
return(false);}
var x1=Math.round((x/rate1)*10000)/10000;
var y1=Math.round((y+250)*10000)/10000;
var z1=Math.round(z*rate2*10000)/10000;
var yz=Math.round(y1/z1*10000)/10000;
var result=Math.round((x1+yz)*10000)/10000;
myform.result.value=result;
}
</script>
<script language="javascript">
function modify(theform){
var xml=new ActiveXObject("Msxml2.DOMDocument");
xml.load("myfile.xml");
xml.selectSingleNode("myfile/er1").text=theform.er1.value;
xml.selectSingleNode("myfile/er2").text=theform.er2.value;
xml.save("myfile.xml");
alert("修改成功");
}
</script>
</head>

<body>
<div id="aa">
<ul>
<li class="aa3" style="border:0px; background:#C0DCC0; color:#FF5F00">CIF报价</li>
<form name="form1">
<li class="aa3">
按此公式计算结果:X/RATE1+(Y+250)/(Z*RATE2)</li>
<li class="aa1">
请输入RMB单价X：
</li>
<li class="aa2"><input name="text1" type=text οnfοcusin='vbscript:form1.text1.value=""' value="请输入单价">元</li>
<li class="aa1">请输入总运费Y：</li>
<li class="aa2"><input name="text2" type=text οnfοcusin='vbscript:form1.text2.value=""' value="请输入总运费">元</li>
<li class="aa1">
请输入产品数量Z：
</li>
<li class="aa2"><input name="text3" type=text οnfοcusin='vbscript:form1.text3.value=""' value="请输入产品数量">公斤</li>
<li class="aa1"> </li>
<li class="aa2">
<input name="result" type="text" />美元</li>
<li class="aa1">系数RATE1 : </li>
<li class="aa2">
<input type="text" id="er1" name="er1" /></li>
<li class="aa1">系数RATE2 : </li>
<li class="aa2">
<input type="text" id="er2" name="er2" /></li>
<li class="aa3">
<input type="button" class="buttonface" value="计算" οnclick="compute(this.form)" />   <input type="button" class="buttonface" value="修改系数" οnclick="modify(this.form)" /></li>
</ul>
</form>
</div>
</body>
</html>