script标签是属于资源内容类型标签,用来定义网页所使用的程序代码。在HTML文件中,可以直接将网页所使用的程序代码,创建为script标签的内容,也可以在有需要的时候,将这些程序代码独立为文本数据,再通过script标签整合至文件。
在网页中预设的开发语言是JavaScript,开发人员可以通过JavaScript程序代码来为网页加入程序运行逻辑运算、更改显示样式等功能。要将JavaScript程序代码加入网页中,就必须使用script标签来将程序定义为网页内使用的资源,提供后续网页运行时用来与用户互动.使用script标签将程序代码定义为网页内使用的资源,依照不同的使用情况,script标签提供了两种使用模式:内嵌程序代码和外部程序代码。
上面范例的HTML文件,使用script标签内嵌程序代码的模式,来将JavaScript程序代码加入到HTML文件中.使用这个模式可以在script标签内,直接使用文字数据来将程序代码加入文件中。这样直接加入的方式有着简单直接的优点,可以在一份文件内就包含网页所使用的资源。
但在中大型系统项目中会有许多通用的程序代码,如果采用内嵌程序代码这种直接在文件中加入程序代码的方式,这些通用的程序代码就必须父制一份到网页中。有几个网页要使用通用程序代码,就必须要复制几份程序代码到网页中。依照这样方式设计网页,可以设计出正常工作的网页内容,但在后续维护网页需要修改通用程序代码的情况时,就会发现必须要人工去检查与修改每个用到这些通用程序代码的网页。人工检查与修改程序代码,就意味着开发人员的工作量增加、提高修改错误风险等一系列问题。在这种情况下,就可以改用script标签的另外一种使用模式:外部程序代码。
上面范例的HTML文件使用的是script标签外部程序代码的模式,来将JavaScript程序代码加入到HTML文件中.在这个使用模式中,开发人员可以将程序代码内容独立成为一个文件,再通过script标签整合至HTML文件。这样将程序代码独立为外部文件的方式有着集中管理的优点,可以使用一份独立的文件来描述网页所使用的资源。
中大型系统项目中许多通用的程序代码,如果采用外部程序代码的方式,将通用程序代码独立成为一个文件,供需要使用的网页使用,每个网页就只需要加入一行script标签,就可以在网页中引用这些通用程序代码了。这样将通用程序代码集中为一份文件的设计,在后续维护网页需要修改通用程序代码的情况时,只需要修改一份文件,就能很简单地完成修改通用程序代码的工作。