2.4 JavaScript动态脚本语言
通常，我们所说的前端就是指HTML、CSS和JavaScript这3项技术。
HTML：定义网页的内容。
CSS：描述网页的样式。
JavaScript：描述网页的行为。
JavaScript是一种可以嵌入HTML代码中由客户端浏览器运行的脚本语言。在网页中使用JavaScript代码，不仅可以实现网页特效，还可以响应用户请求实现动态交互的功能。例如，在用户注册页面中，需要对用户输入信息的合法性进行验证，包括是否填写了“邮箱”和“手机号”，填写的“邮箱”和“手机号”格式是否正确等，JavaScript验证邮箱是否为空的效果如图2.7所示。
图2.7 JavaScript验证为空
在通常情况下，在Web页面中使用JavaScript有以下两种方法，一种是在页面中直接嵌入JavaScript代码，另一种是链接外部JavaScript文件。下面分别对这两种方法进行介绍。
说明
编辑JavaScript程序可以使用任何一种文本编辑器，如Windows中的记事本、写字板等应用软件。由于JavaScript程序可以嵌入HTML文件中，因此，读者可以使用任何一种编辑HTML文件的工具软件，如Dreamweaver和WebStorm等。
在页面中直接嵌入JavaScript代码。
在HTML文档中可以使用<script>…</script>标签将JavaScript脚本嵌入其中。在HTML文档中可以使用多个<script>标签，每个<script>标签中可以包含多个JavaScript的代码集合。<script>标签常用的属性及说明如表2.4所示。
表2.4 <script>标签常用的属性及说明
在HTML页面中直接嵌入JavaScript代码，如图2.8所示。
图2.8 在HTML中直接嵌入JavaScript代码
注意
<script>标签可以放在Web页面的<head></head>标签中，也可以放在<body></body>标签中。
链接外部JavaScript文件。
在Web页面中引入JavaScript的另一种方法是采用链接外部JavaScript文件的形式。如果脚本代码比较复杂或是同一段代码可以被多个页面所使用，则可以将这些脚本代码放置在一个单独的文件中（保存文件的扩展名为.js），然后在需要使用该代码的Web页面中链接该JavaScript文件即可。在Web页面中链接外部JavaScript文件的语法格式如下：
<script language="javascript" src="your-Javascript.js"></script>
在HTML页面中链接外部JavaScript代码，如图2.9所示。
注意
在外部Javascript文件中，不需要将脚本代码用<script>和</script>标签括起来。
图2.9 调用外部JavaScript文件