JavaScript程序设计基础教程实训指导-2-1 实训案例名称：在HTML中使用JavaScript.docx

实训案例名称：在HTML中使用JavaScript

1．任务介绍

分别运用上面介绍的两种在HTML中引用JavaScript的方式，在页面上弹出alert警告框“欢迎学习JavaScript！”。

2．任务目标

学会常见的两种在HTML中引用JavaScript的方式。

3．实现思路

（1）将script/script脚本嵌入在页面的body/body标签之间，并在script/script脚本之间编写alert()警告框。

（2）将alert()警告框写在单独的JavaScript文件中，然后在页面上引入外部JavaScript文件。

4．实现代码

两种不同实现方式的代码如脚本2-3和脚本2-4所示。

脚本2-3.html

!DOCTYPEhtml

html

head

title在HTML中使用JavaScript/title

/head

body

script

alert(欢迎学习JavaScript！);

/script

/body

/html

脚本2-4.html

!DOCTYPEhtml

html

head

title在HTML中使用JavaScript/title

/head

body

scriptsrc=test-02.js

/script

/body

/html

test-02.js

alert(欢迎学习JavaScript！);

5．运行结果

第1种实现方式见脚本2-3，运行结果如图2.3所示。

第2种实现方式见脚本2-4，运行结果如图2.4所示。

图2.3任务2-1运行结果1图2.4任务2-1运行结果2