1.5.3　在网页<body>中的JavaScript

你可能在不了解脚本的情况下就已经在网页的<body>中使用了JavaScript。如果你创建了一个按钮，那么就可能已使用了内置的JavaScript。首先，我们看看如何通过按钮使用JavaScript，如例1.11所示。

例1.11　通过按钮使用内置的JavaScript　为网页添加一个按钮的代码如下：

这个按钮看起来像这样：

然而，如果单击它，它将没有反应。这条代码简单地用一个标识符（myButton）和按钮要显示的本文（Hi there!）建立了一个按钮（它的类型是button）。我们需要使用JavaScript告诉浏览器当单击按钮时要做什么。可以为按钮添加各种不同的指令，但是对于这个例子，我们只添加一个onclick事件（本章后面解释），其代码如下：

当用户单击这个按钮时，将弹出一个警示对话框显示信息“Well,hello my friend.”。

在网页中也可以使用一些JavaScript函数，然而一般情况下最好避免使用内置JavaScript。这基于几个理由，一是使用内置JavaScript会使HTML代码变得很大；二是HTML代码永远不会缓存，这意味着用户每次访问每个网页时浏览器必须装载其HTML代码；三是内置JavaScript会使代码更难维护。这是使用JavaScript文件代替内置JavaScript的最重要理由。当一个学生或初学者正在独自工作而创建小脚本时代码维护问题似乎不是很重要，但是在将来要参与建设大型网站时它却是非常重要的。Web开发者和程序员都认为集中放置代码优于将代码片断散布于一个网站的各个文件中。

上一章目录下一章