用output进行计算
在HTML5规范中，关于output元素的解释相当简短：“output元素表现计算结果。”在大部分描述这个新元素的网站上，你都可以看到这句话。这看上去很简单，但到底涉及的是怎样的计算？我们为什么需要这个特别的元素？
通常情况下，它指的是从网页的一个输人字段中得到的计算结果。大部分人相当熟悉的一个例子是电子商务网站的购物车，人们可以在那里通过输入字段输入每件商品的数量。通过可选的for属性，你可以决定将哪些字段添加到计算中。执行运算需要提供—个或更多的相对应输人字段的id。
为了测试元素output,我们设计了一个含有3种不同商品的购物车。每件商品的数量都可以通过一个输入字段进行改变。同时，总商品数量及总价格将在购物车下方显示。展示了--个包含5件商品的购物车。
这个例子的编码相当简单明快。为了在output元素中即时更新每次数童变化，我们使用了表单的oninput事件：
l>
ProductPrice(US$) | ItemnumberKeyboard30
Mouse20
output元素在表格下方，相应输入字段中商品的ID被赋值给for属性。
宁波网站建设认为Yourshoppingcartcontainsitems.Totalprice:
US$.
在这段JavaScript代码中，会遍历计算所有的input元素，得出总数量与总价格。functionupdateSum(){varips=document.getElementsByTagName("input");varsum=0;varprods=0;for(vari=0;i0){sum+=cnt*Number(document.getElementById(ips[i].name+"Price").innerHTML);proas+=cnt:
>}
document.getElementById("sumProd").value=prods;document.getElementById("sum").value=sum;我们运用JavaScript的Number()函数将相关列的innerHTML值转换为数字，并根据它直接从表格中得到商品价格，input字段也用这个方法取值(ipsM.value)。如果略过这个步骤的话，JavaScript会直接将字符串加人计算，这样可能导致无法得到正确的结果，计算结果将被赋值给output元素的value属性。
本文由乐华网络编辑，转载请注明出处
宁波网站建设www.leseo.net
上一篇： 假如是研讨倾向，不要说前10页，可以连百来页都会被翻出来，由于需要各方材料来汇总，所以搜査的方案会比 下一篇： 与众纷歧样的思想Google之所以变成Google,有些缘由是他们推翻了核算机界的传统作法。当悉数的 | | |
