习题：小 张这个月的花销比较大，买了张魔兽点卡20.34元，和朋友出去聚餐花费了100.89元，给女朋友买花89.75元，平时吃饭花费了500.74元，小明想要统计下总共的花销，试使用网页来实现统计功能，帮助他完成。
写道
<!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">
function go(){
var t1=document.getElementById("Text1");
var t2=document.getElementById("Text2");
var t3=document.getElementById("Text3");
var t4=document.getElementById("Text4");
var sum=parseFloat(t1.value)+parseFloat(t2.value)+parseFloat(t3.value)+parseFloat(t4.value);
alert("小张的当月花销为"+sum+"元。");
}
</script>
</head>
<body>
<center>小张的当月花销汇总</center>
购买魔兽点卡的花销：<input id="Text1" type="text" /><br />
和朋友出去聚餐的花销：<input id="Text2" type="text" /><br />
给女朋友买花的花销：<input id="Text3" type="text" /><br />
平日里吃饭的花销：<input id="Text4" type="text" /><br />
<input id="Button1" type="button" value="计算当月的总花销" onclick="go()"/>
</body>
</html>
- 大小: 13.7 KB
- 大小: 15.6 KB
分享到：
相关推荐
JavaScript中的AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。这里我们将深入讲解JavaScript的基础知识以及AJAX的...
- **数值类型**： - **整数**：十进制、八进制（以 0 开头）、十六进制（以 0x 或 0X 开头）。 - **浮点数**：可以使用科学计数法表示。 - **字符串**： - 使用单引号 `'` 或双引号 `"` 包裹。 - 支持所有转义...
- Number对象：代表数值类型，包含一些常量属性如MAX_VALUE（最大值）、MIN_VALUE（最小非负数值）以及NaN（非数字值）。 - Boolean对象：用于处理布尔值，有prototyp属性允许添加新方法，toSource()方法返回表示该...
Number对象对应于JavaScript中的原始数值类型，它提供了创建和操作数值的方法。你可以通过`new Number(value)`来创建一个Number对象实例。Number对象拥有几个关键属性，如MAX_VALUE表示最大的数值，MIN_VALUE表示...
通过以上学习，可以掌握JavaScript的基础知识，为进一步深入学习和开发Web应用打下坚实基础。在实际应用中，还需要不断实践和研究新的库、框架和技术，如React、Vue、Angular等，以适应不断发展的Web生态。
jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识，包括其核心概念、选择器、DOM操作、事件处理、动画效果以及Ajax应用...
- 数字类型：数值运算与转换。 - 字符串类型：字符串操作。 - 布尔类型：真假值的使用。 - `undefined`和`null`：未定义与空值的区分。 - **复合类型** - 对象：创建和使用自定义对象。 - 数组：数组操作。 -...
- **数值**：详细介绍了JavaScript中的数字类型及其特点，如浮点运算的精度问题。 - **文本**：讨论了字符串类型的处理，包括字符串的创建、操作及字符串对象的方法。 - **布尔值**：介绍了`true`和`false`两个布尔...
jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax交互，使得JavaScript编程更加便捷。 总结，这份学习笔记涵盖了PHP的基础语法、数学和日期处理、字符串操作，以及MySQL和JavaScript/jQuery...
Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。这项技术的出现极大地提升了Web应用程序的用户体验，因为它允许后台与服务器进行数据交换，而用户界面仍然保持...
以上是对给定文件中JavaScript学习笔记的部分内容进行的详细解读，涵盖了JavaScript的基础知识、语法、数据类型、函数、对象、数组、DOM编程、AJAX以及JSON和jQuery的简介，旨在为初学者提供全面的入门指南。
- 解释了如何表示数值、字符串、布尔值等基本类型的值。 - **标识符与保留字：** - 规定了合法的变量名和函数名的命名规则，并列出了JavaScript中的关键字列表。 - **可选分号：** - 说明了何时可以省略语句末尾...
3. **简单性**：JavaScript设计简洁，语法与C语言家族类似，但更为简单，这使得它成为学习其他编程语言的良好起点。 4. **安全性**：JavaScript具有很高的安全性，它限制了对本地文件系统的访问，确保网页的安全运行...
本章将详细讨论JavaScript中的数值类型，包括整型、浮点型以及相关的数学运算。同时，会介绍异常处理机制，如try...catch语句，用于捕获和处理程序运行时可能出现的错误。 **第九章 数组与字符串**： 在JavaScript...
- **3.1 Number**（数值类型）：JavaScript中的数值类型支持整数和浮点数，但不区分两者，所有数值都用相同的内部格式存储。 - **3.2 String**（字符串类型）：字符串由一系列字符组成，可以用单引号('')或双引号("...
- 变量：JavaScript中变量的声明使用`var`、`let`或`const`关键字，它们用来存储数据，可以是数值、字符串、布尔值或其他复杂类型。 - 数据类型：包括基本类型（如Number、String、Boolean、Null、Undefined）和...