|
閹垛偓閺堫垱鏋冩惔鎾活浕妞わ拷
|
缂傛牜鈻�
|
IC
|
閺呮湹缍嬬粻锟�
|
缁崘袙
|
娑擃參顣�
|
閸忚泛鐣�
|
閻㈠灚绨�
|
閸╄櫣顢�
|
閻絻鍓�
|
閺冪姷鍤�
|
濞戝弶娅�
|
瀵邦喗灏�
|
缁岄缚鐨�
|
閹靛婧€
|
|
閻戭厽鎸夐崳锟�
|
閻㈤潧濮╂潪锟�
|
LED鐏烇拷
|
閻掑﹥婧€
|
您现在的位置: 华玉生活网 >> 技术文库 >> 基础 >> 正文>> 繁体中文

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

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


  • 扩展阅读
  • 上一个文章:
  • 【返回网站首页】 【返回基础】
  • 下一个文章:
  • 【字体: 】【】【发表评论】【加入收藏】【告诉好友】【打印此文
    文章 软件 电影 商品

    相关文章

    本站公告

    • 扫一扫,打赏给我们,谢谢!

      本站2016年12月16日起取消ruida.org.cn域名,该域名正式作废,该域名发布任何信息与本站无关。


      启用ruida.orghy928.net域名;

      瑞达网,瑞达科技网宣

    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论

    | 服务声明 | 充值中心| 华安五金电器 | 收费标准| 论坛| 留言| 实用查询| 会员中心| 下载帮助| 设为首页|

    技术支持:瑞达科技 即时交谈QQ:237013889 QQ群:13810759 E-Mail:237013889@qq.com
    非盈利网站,如有侵权,请来信来电告知,第一时间处理,谢谢!
    桂ICP备17008104号 华玉生活网网站统计
    tj