A=
B=

使用一些手段和技巧,javascript也可以弄得像面向对象和函数式编程,我们这里的讨论将还是以“模块化”编程为主。几乎所有的程序设计语言都提供了“函数”这种手段来将程序代码模块化,根据程序所要完成的系列功能,将程序划分为一些相对独立的部分,每部分编写一个函数。从而,使各部分充分独立,任务单一,代码清晰,易懂、易读、易维护。这也就是传统意义上的结构化程序设计。函数是一个命名了的程序代码块,就象一个小程序,可以在程序运行的任何地方和任何时刻调用。在 script 标记之间插入代码:

  function showMess()
  {
    var a=numA.value;
    var b=numB.value;
    var c=a+b;
    messBox.innerText="A+B="+c;
  }

这样,我们就编写了一个名为 showMess 的 javascript 函数,html 的很多元素都具有 innerText 属性,javascript 就是通过该属性在程序运行中改写元素标记之间的文本内容的。浏览器装载完网页便立即执行由 body 标记的 onload 事件属性所指定的代码:

<body onload=showMess()>

尽管看上去很滑稽,我们毕竟是编写了一个完整的 javascript 程序。