这个网上购物系统的代码哪里有问题呢
大家好，本人正在学习JS,水平很差。看到教材中有一大段网上购物的代码想学习一下。我在IE上测试了一下，界面和书上的一样，就是这个样子。但是content帧的代码好像有问题，点击什么都不管用。选择商品时也不出现订购数量的提示框，而且也不能输出到main帧的订购商品的文本框内，请大家帮忙看一下，哪里有问题，谢谢。还有就是有什么工具可以检查JS代码里面的错误呢，我想学习一下，多谢。
<HTML>
<head>
<title>welcome</title>
<meta content="text/HTML; charset=gb2312" http-equiv="Content-Type">
<meta content="Microsoft FrontPage 3.0" name="GENERATOR">
</head>
<frameset rows="64,*">
<frame name="banner" noResize scrolling="no" src="banner.htm"
style="BACKGROUND-COLOR: rgb(255,0,255)" target="contents">
<frameset cols="251,*">
<frame name="contents" src="content.htm" target="main" scrolling="auto">
<frame name="main" src="main.htm" scrolling="auto">
</frameset>
<noframes>
<body>
<p>如果你看到这段文字则说明你的系统不支持帧组请升级你的浏览器</p>
</body>
</noframes>
</frameset>
</HTML>
<HTML>
<!--banner-->
<head>
<title>banner</title>
<meta content="text/HTML; charset=gb2312" http-equiv="Content-Type">
<meta content="Microsoft FrontPage 3.0" name="GENERATOR">
<meta content="none" name="Microsoft Border">
<base target="contents">
</head>
<body>
<p align="center"><font color="#0000ff" face=" 华文新魏"><big><big><big><big> 网上超市
</big></big></big></big></font></p>
</body>
</HTML>
<HTML>
<!--content-->
<head>
<title>content</title>
<meta content="text/HTML; charset=gb2312" http-equiv="Content-Type">
<meta content="Microsoft FrontPage 3.0" name="GENERATOR">
<script language="JavaScript">
<!--
var youjifei=0,huokuan=0,totalfei=0;
function isnumber(theinput)
{
for(var i=0;i<theinput.length;i++)
{
var isnum=theinput.substring(i,i+1);
if(isnum<"0"||isnum>"9")
{
alert("请输入数字")
return false;
}
else
{
return true;
}
}
}
function choosemorden()
{
if(menu.morden.checked==true)
{
var input=prompt("请输入订购的数量");
if(input==""||input=="undefined"||input==null)
{
menu.morden.checked=false;
alert("请输入数据");
return false;
}
else
{
if(isnumber(input)==true)
{
if(confirm("单价200 元\n 订购数量:"+input+"\n 货款合计为"+eval(200*eval(input))+"\n 邮寄费为"+eval(eval(200*eval(input))*0.01)))
{menu.morden.value=input;
youjifei+=eval(200*eval(input))*0.01;
huokuan+=eval(200*eval(input));
parent.main.document.order.S1.value+="\n 全向激光morden 数量"+input+"\n";
parent.main.document.order.fei.value=youjifei;
parent.main.document.order.trade.value=huokuan;
parent.main.document.order.total.value=eval(parent.main.document.order.trade.value)+eval(parent.main.
document.order.fei.value);
return true;
}
else
{
menu.morden.checked=false;
menu.morden.value="";
}
}
}
}
}
function chooseprint()
{
if(menu.print.checked==true)
{
var input=prompt("请输入订购的数量");
if(input==""||input=="undefined"||input==null)
{
menu.print.checked=false;
alert("请输入数据");
return false;
}
else
{
if(isnumber(input)==true)
{
if(confirm("单价5000 元\n 订购数量:"+input+"\n 货款合计为"+eval(5000*eval(input))+"\n 邮寄费为"+eval(eval(5000*eval(input))*0.01)))
{menu.print.value=input;
youjifei+=eval(5000*eval(input))*0.01;
huokuan+=eval(5000*eval(input));
parent.main.document.order.S1.value+="\nLM-AS 打印机 数量"+input+"\n";
parent.main.document.order.fei.value=youjifei;
parent.main.document.order.trade.value=huokuan;
parent.main.document.order.total.value=eval(parent.main.document.order.trade.value)+eval(parent.main.
document.order.fei.value);
return true;
}
else
{
menu.print.checked=false;
menu.print.value="";
}
}
}
}
}
function choosephoto()
{
if(menu.photoshop.checked==true)
{
var inputprint=prompt("请输入订购的数量");
if(inputprint==""||inputprint=="undefined"||inputprint==null)
{
menu.photoshop.checked=false;
alert("请输入数据");
return false;
}
else
{
if(isnumber(input)==true)
{
if(confirm("单价25 元\n 订购数量:"+inputprint+"\n 货款合计为"+eval(25*eval(inputprint))+"\n 邮寄费为"+eval(eval(25*eval(inputprint))*0.1)))
{menu.photoshop.value=inputprint;
youjifei+=eval(25*eval(inputprint))*0.1;
huokuan+=eval(25*eval(inputprint));
parent.main.document.order.S1.value+="\nphotoshop6.0 数量"+inputprint+"\n";
parent.main.document.order.fei.value=youjifei;
parent.main.document.order.trade.value=huokuan;
parent.main.document.order.total.value=eval(parent.main.document.order.trade.value)+eval(parent.main.
document.order.fei.value);
return true;
}
else
{
menu.photoshop.checked=false;
menu.photoshop.value="";
}
}
}
}
}
// -->
</script>
<base target="main">
</head>
<body>
<div align="left">
<table border="1" cellPadding="0" cellSpacing="0" height="18"
style="BORDER-BOTTOM: rgb(255,0,255) 1px groove; BORDER-LEFT: rgb(0,0,128) 1px groove;
BORDER-RIGHT: rgb(0,0,128) 1px groove; BORDER-TOP: rgb(255,0,255) 1px groove" width="158">
<TBODY>
<tr>
<td align="middle" height="18" width="158"><p align="center"><font face=" 楷体_GB2312"><big>产品目录</big></font></td>
</tr>
</TBODY>
</table>
</div>
<p>
<br>
<img alt="mood3.gif" height="15" src="mood3.gif" width="15">请点击选择的产品<br>
<img alt="mood3.gif" height="15" src="mood3.gif" width="15">请清楚填写产品数目</p>
<hr SIZE="1">
<form name="menu">
<p>
<input name="morden" onclick="choosemorden()" type="checkbox" value="ON"><img alt="morden.gif" src="morden.gif" width="30" height="20">全向激光morden<br>
<input name="print" onclick="chooseprint()" type="checkbox" value="on"><img alt="print.gif" src="print.gif" width="40" height="35">LM-AS 打印机<br>
<input name="photoshop" onclick="choosephoto()" type="checkbox" value="on"><img alt="photo6.gif" src="photo6.gif" width="30" height="26">photoshop6.0</p>
</form>
</body>
</HTML>
<HTML>
<!--main-->
<head>
<title>main</title>
<meta content="text/HTML; charset=gb2312" http-equiv="Content-Type">
<meta content="Microsoft FrontPage 3.0" name="GENERATOR">
<meta content="none" name="Microsoft Border">
<script language="JavaScript">
<!--
function isrequired(thefield)
{
if( thefield.value=="")
{
alert("请输入数据");
return false;
}
else
{
return true;
}
}
function isnumber(theinput)
{
if(isrequired(theinput)==true)
{
for(var i=0;i<theinput.value.length;i++)
{
var isnum=theinput.value.substring(i,i+1);
if(isnum<"0"||isnum>"9")
{
alert("请输入数字")
return false;
}
else
{
return true;
}
}
}
}
function isemail(theinput)
{
if(isrequired(theinput)==true)
{
var isnum=theinput.value.indexOf("@");
if(isnum!=-1&&theinput.value.indexOf(".")!=-1)
{
alert("thank ");
return true;
}
else
{
alert("请输入正确的邮箱地址");
theinput.value="";
return false;
}
}
}
function iszip(theinput)
{
if(theinput.value.length!=6)
{
alert("邮编错误");
theinput.value="";
return false;
}
else
{
isnumber(theinput);
}
}
function isdate(theinput)
{
if(isrequired(theinput)==true)
{
var thechar=theinput.value.substring(4,5);
if(thechar!="/")
{
alert("请输入正确的日期格式(如2000/12/25 ");
return false;
}
else
{
if(confirm("交货日期为"+theinput.value+" "))
{
alert("谢谢你我们将及时与你联系准时交货")
}
else
{
theinput.value="";
isrequired(theinput);
}
}
}
}
function quxiao()
{
parent.contents.document.menu.morden.checked=false;
parent.contents.document.menu.print.checked=false;
parent.contents.document.menu.photoshop.checked=false;
alert("请重新选取物品");
}
function queren()
{
if(order.date.value==""||order.adress.value==""||order.name.value==""||order.trade.value=="0")
{
order.action="";
alert("请填写好用户信息选择产品填上该产品的数量\n 确认后再送出该数据");
return false;
}
else
{
alert("谢谢你订购本公司的产品");
}
}
// -->
</script>
</head>
<body>
<form action="mailto:tsg@mail. method="post" name="order">
<p>请客户填写如下信息<br>
<br>
姓名<input name="name" onblur="isrequired(order.name)" size="8">电话<input name="phone" onblur="isnumber(order.phone)" size="10">电子信箱<input name="email" onblur="isemail(order.email)" size="12"><br>
地址<input name="adress" onblur="isrequired(order.adress)" size="34">邮编<input name="zip" onblur="iszip(order.zip)" size="7"><br>
你的信用卡种类<input CHECKED name="R1" type="radio" value="jianhang">建行信用卡<input name="R1" type="radio" value="nonghang ">农行信用卡<input name="R1" type="radio" value="gonghang">工行信用卡<br>
请输入卡号<input name="cardnum" onblur="isnumber(order.cardnum)" size="20">交货日期<input name="date" onblur="isdate(order.date)" size="12" value="2000/3/12"><br>
<br>
请查看你选择的产品信息<br>
<br>
<textarea cols="30" name="S1" rows="4">以下是你的订购信息</textarea><br>
邮寄费<input name="fei" size="10" value="0">货款合计<input name="trade" size="8" value="0"><br>
总计<input name="total" size="20" value="0.00"></p>
<p><input name="B1" onclick="queren()" type="submit" value="确认订购"><input name="B2" onclick="quxiao()" type="reset" value="取消订购"></p>
</form>
</body>
</HTML>
