JavaScript程序设计基础教程实训指导-3-2 实训案例名称：定义及调用函数.docxVIP

实训案例名称：定义及调用函数

1．任务介绍

网页中有一按钮（名字“点击我”），当单击按钮后调用函数contxt()，弹出对话框“调用函数成功!”。

2．任务目标

学会function函数定义以及函数的调用。

3．实现思路

首先编写一个函数contxt，函数内容为弹出alert警告框，然后用函数调用的方式在单击按钮时调用即可。

4．实现代码

完整代码脚本如脚本3-5所示。

脚本3-5.html

!DOCTYPEHTML

html

head

metahttp-equivmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

title函数调用/title

scripttype=text/javascript

functioncontxt(){

alert(调用函数成功!);

}

/script

/head

body

form

inputtype=buttonvalue=点击我onclick=contxt()

/form

/body

/html

5．运行结果

运行结果如图3.17所示。

图3.17任务3-2运行结果