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文件

上一章目录下一章