第四章Javascript函数.pptVIP

LOGO 第四章　Javascript函数 Javascript函数 教学目标 知识目标 a. 了解并掌握常用内部函数 b. 掌握自定义函数的应用 Javascript函数 能力目标 a. 能熟悉掌握js函数的应用 情感目标 （1）培养学生对本学科的学习兴趣。 （2）培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。 （3）培养学生在进行自主学习的过程中勇于克服困难，体验到成功后的快乐。 教学重点与难点 培养同学们对本学科的学习兴趣。 常用内置函数 自定义函数 带参函数及函数返回值 常用内置函数 alert函数：显示一个警告对话框，包括一个OK按钮。 confirm函数：显示一个确认对话框，包括OK、Cancel按钮。 prompt函数：显示一个输入对话框，提示等待用户输入。 parseInt函数：将符串转换成整数数字形式(可指定几进制)。√ parseFloat函数：将字符串转换成符点数字形式。√ JavaScript消息框 警告框 确认框 提示框 警告框示例 html head script function disp_alert() { alert(我是+\n+警告框!); } /script /head body input type=button onclick=disp_alert() value=显示警告框 / /body /html 确认框示例 html head script function disp_confirm() { var r=confirm(按下按钮); if (r==true) { document.write(您按了确认!) ; } else { document.write(您按了取消!); } } /script /head body input type=button onclick=disp_confirm() value=显示确认框 / /body /html 如点击【确认】，则返回值为 true 如点击【取消】，返回值为 false 提示框示例 html head script function disp_prompt() { var name=prompt(请输入您的名字,wustzz); if (name!=null name!=) { document.write(name +你好! ); } } /script /head body input type=button onclick=disp_prompt() value=显示提示框 / /body /html 【返回】 如点击【确认】，那么返回值为输入的值 如点击【取消】，那么返回值为 null 默认值 JavaScript自定义函数 将脚本编写为函数，就可以避免页面载入时执行该脚本。 函数在通常在head部分定义。 函数必须先定义后使用，否则将出错。 函数一般格式： 函数名大小写是敏感 参数不指定类型 function myFunction([参数]) { 　//执行的语句 [ return [值]; ] } 函数不指定返回类型 函数示例1 html head script function fun1(txt) { alert(txt); } /script /head body form input type=button onclick=fun1(hello) value=调用函数 /form /body /html 参数不指定类型 函数在通常在head部分定义。 函数示例2 html head script function add(a,b) { return a+b; } /script /head body 6+5=scriptdocument.write(add(6,5))/script /body /html 有返回值的函数仍不要指定函数类型 当页面载入时，会执行位于body部分的JavaScript 案例 例子1 例子2 例子3 例子4 全选歌曲 抢答 函数中return的作用 自定义函数名的命名规则 调用函数的方法 LOGO