EEPW论坛

Java Script的工作原理是什么？怎样用它来生成简单的计算器？

JavaScript就是所谓的客户端脚本语言，是一种在互联网浏览器（浏览器也称为Web客户端，因为它连接到Web服务器上，以下载页面）内部运行的计算机编程语言。

JavaScript的工作方式很有趣。普通网页内都会插入一些JavaScript代码。当浏览器加载该页面时，浏览器的内置解释器将读取并运行它在该页面中找到的JavaScript代码。

网页设计人员以多种不同的方式使用JavaScript。最常见的一种是在表单中进行字段有效性验证。许多网站通过在线表单收集用户的信息，而JavaScript可以帮助验证用户所输入信息的有效性。例如，程序人员可以验证某人输入到表单中的年龄是否在1和120之间。

网页设计人员还会使用JavaScript来创建计算器。下面是一些示例：

• RPN计算器
• MegaConverter——大量计算器的集合
• 个人财务计算器

这里给出一个非常简单的JavaScript计算器例子。下面的HTML代码显示的是如何使用JavaScript创建从华氏温度到摄氏温度的换算器：

单击此按钮计算摄氏温度:


摄氏温度为:

如果您阅读过《CGI脚本工作原理》一文，就应该熟悉下面这段HTML代码中的大部分。下面是所有网页的基本结构：
html>
head>
/head>
body>
/body>
/html>

下面的标头中有一段JavaScript代码，是从华氏温度换算到摄氏温度的函数：
head>
script>
!-- hide this script from old browsers
function temp(form)

var f = parseFloat(form.DegF.value, 10);
var c = 0;
c = (f - 32.0) * 5.0 / 9.0;
form.DegC.value = c;

!-- done hiding from old browsers -->
/script>
/head>

此函数称为temp。它包含用来计算摄氏温度的JavaScript代码。

在页面主体中，有一个典型的表单：

FORM>
h2>华氏温度到摄氏温度的换算器/h2>
键入华氏温度:
INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15>
p>
点击这个按钮计算摄氏温度:
INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON onClick=temp(this.form)>
p>
摄氏温度为:
INPUT NAME="DegC" READONLY SIZE=15>
/FORM>

下面一行是关键所在：

onClick=temp(this.form)

这是一个普通的按钮控件。当用户单击该控件时，它会由于onClick声明标记而调用页面标头中的函数。

在编程语言中，JavaScript的难度属于中等。如果您熟悉编程，那么要学会使用它并不特别困难；但如果您是编程新手，那么它确实不是一种容易入门的语言。不过，您可以修改上面这段示例代码，并扩展它以创建其他计算器。