一 <script>标记
在HTML文档中通过使用<script></script>标记将JavaScript脚本嵌入到其中,在HTML文档中可以使用多个<script>标记,每个<script>标记中可以包含多个JavaScript的代码集合。
script标记属性说明
属性 | 说明 |
language | 设置所使用的脚本语言及版本 |
src | 设置一个外部脚本文件的路径位置 |
type | 置所使用的脚本语言,此属性已代替language属性 |
defer | 此属性表示当HTML文档加载完毕后再执行脚本语言 |
- language属性
language属性指定在HTML中使用的哪种脚本语言及其版本。language属性使用的格式如下。
<script language="JavaScript1.5">
说明:如果不定义language属性,浏览器默认脚本语言为JavaScript 1.0版本。
- src属性
src属性用来指定外部脚本文件的路径,外部脚本文件通常使用JavaScript脚本,其扩展名为.js。src属性使用的格式如下:
<script src="01.js">
- type属性
type属性用来指定HTML中使用的是哪种脚本语言及其版本,此属性在HTML 4.0标准开始,推荐使用type属性来代替language属性。type属性使用的格式如下:
<script type="text/javascript">
- defer属性
defer属性的作用是当文档加载完毕后再执行脚本,当脚本语言不需要立即运行时,设置defer属性后,浏览器将不必等待脚本语言装载。这样页面加载会更快。但当有一些脚本需要在页面加载过程中或加载完成后立即执行时,就不需要使用defer属性。defer属性使用格式如下:
<script defer >
二 <script>标记的位置
<script>标记可以嵌入到HTML文档的任何位置。大多数开发人员将<script>标记嵌入到<head>头部标记中,将<script>标记嵌入到头部标记的格式如下:
<html>
<head>
<title>将script标记嵌入到头部标记中</title>
<script type="text/javascript">
…//脚本语句
</script>
</head>
<body>
</body>
</html>
但有些时候为了方便查看脚本语言的代码,需要将<script>标记嵌入到<body>主体标记中。将<script>标记嵌入到主体标记的格式如下:
<html>
<head>
<title>将script标记嵌入到主体标记中</title>
</head>
<body>
<script type="text/javascript">
…//脚本语句
</script>
</body>
</html>
三 编写第一个JavaScript程序
在编写JavaScript前,应该先选用一种编写JavaScript的编辑器。编写JavaScript可以使用任何一种文本编辑器,例如Windows中的写字板和记事本工具,也可以选用任何一种编写HTML文档的工具软件,例如Dreamweaver和FrontPage等。读者可以从中选用任何一种工具来作为编写JavaScript的编辑器。
下面将介绍如何编写第一个JavaScript,如何使用记事本工具来作为JavaScript的编辑器。编写步骤如下。
(1)单击“开始”→“程序”→“附件”→“记事本”将打开记事本工具。
(2)在打开的记事本工具中编写如下代码:
<html>
<head>
<title>一段简单的JavaScript代码</title>
<script type="text/javascript" defer>
window.alert('欢迎光临本网站')
</script>
</head>
<body>
<h3>这是一段简单的JavaScript代码。</h3>
</body>
</html>