您的位置：首页 > Web前端 > JavaScript

2 Javascript 存储数据

2016-03-08 16:34 441 查看

一个计算价格的例子

<!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>
<title></title>
<script type="text/javascript">
//javascript常用类型
//Number：数值，整数或浮点数；
//Boolean：true或false;
//Text：字符串；

//常量：固定值。
//变量：可改变的值。
//
function updateOrder() {

//创建常量：关键字const(有的浏览器不支持const)
//const taxRate = 0.0925; //税率
//const donutPrice = 0.50; //单价

//创建变量：关键字var,"="为其初使化值
//根据值的类型，将会为变量指派相应的类型
var taxRate = 0.0925; //税率
var donutPrice = 0.50; //单价
var numCakeDonutForDa = document.getElementById("cakedonuts").value.toString();
//            if (numCakeDonutForDa.indexof("打")!=-1) {
//            ...
//            }
var numCakeDonut = parseInt(document.getElementById("cakedonuts").value);
var numGlazedDonuts = parseInt(document.getElementById("glazeddonuts").value);

//undefined未定义的
//NaN非数值的
if (isNaN(numCakeDonut)) {//判断是否为非数值的
numCakeDonut = 0;
}
if (isNaN(numGlazedDonuts)) {
numGlazedDonuts = 0;
}

//数据类型在设置变量值或常量值是建立
//变量名也叫标识符，不可重名；以字母、下划线、_或$开头；空格或特殊字符不能出现；标识符应当具有描述性
//变量名采用小写驼峰形命名：myName
//常全部大写
var subTotal = (numCakeDonut + numGlazedDonuts) * (parseFloat(donutPrice)); //将字符转换为浮点类型
var tax = parseFloat(subTotal) * parseFloat(taxRate);
var total = parseFloat(subTotal) + parseFloat(tax);

//getElementById用于捕捉表单数据
document.getElementById("subtotal").value = "$" + subTotal.toFixed(2);
document.getElementById("tax").value = "$" + subTotal.toFixed(2);
document.getElementById("total").value = "$" + total.toFixed(2);

}
//如果购买量为0或空，不可以提交
function checkOrder() {
if (document.getElementById("cakedonuts").value == "" || document.getElementById("glazeddonuts").value=="") {
alert("无法提交订单");
}
}

</script>
</head>
<body id="frame">
<form name="orderForm" action="HTMLPage1.htm" method="post">
<div class="field">
# 蛋糕甜甜圈数量<input type="text" id="cakedonuts" name="cakedonuts" value="" onchange="updateOrder()" />
</div>
<div class="field">
# 糖霜甜甜圈数量<input type="text" id="glazeddonuts" name="glazeddonuts" onchange="updateOrder()" />
</div>
<div class="field">
# 税前价<input type="text" id="subtotal" name="subtotal" onchange="" />
</div>
<div class="field">
# 税钱<input type="text" id="tax" name="tax" onchange="" />
</div>
<div class="field">
# 总价<input type="text" id="total" name="total" onchange="" />
</div>
<input type="button" id="check" value="检测" onclick="checkOrder()" />
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航