javascript函数和事件 课件

javascript函数和事件 课件

函数和事件

制作：蒋忠强 授课：蒋忠强

javascript函数和事件 课件

函数 函数的作用与定义 全局变量与局部变量 Javascript中的系统函数 Javascript中的系统函数

javascript函数和事件 课件

带函数的主程序执行流程主函数

………. ………. 函数1 函数1 ………. ………. 函数2 函数2 ………. ………. 函数1 函数1 ………. ……….

函数1………. 函数3 ………. ……….

函数2………. ………. ………. ……….

函数3………. ………. ………. ……….3

javascript函数和事件 课件

函数的定义与调用定义一个函数的格式如下： function 函数名 (参数列表) 参数列表) {程序代码 Return 表达式；

function square(x,y) { var sum; sum = x*x+y*y; return sum; } function wash() { document.write(“去洗手”); }

}

javascript函数和事件 课件

对函数调用的几种方式 1. 函数名(传递给函数的参数1,传递给函 函数名(传递给函数的参数1数的参数2,……) 数的参数2,……) 2. 变量 =函数名(传递给函数的参数1,传 函数名(传递给函数的参数1 递给函数的参数2,……) 递给函数的参数2,……) 3. 对于有返回值的函数调用，也可以在程 序中直接使用返回的结果。例如： document.write(“sum=” document.write(“sum=”+sum());5

javascript函数和事件 课件

<script language="javascript"> function square(x,y) { var sum; sum = x*x + y*y; return sum; } function show() { var str = "没有参数的函数"; "没有参数的函数"; document.write(str+"<br>"); } var msg = ""; msg = square(2,3); document.write("sum="+msg); show(); </script>sum=13

<script language="javascript"> function square(x,y) { var sum; sum = x*x + y*y; return sum; } function show() { var str = "没有参数的函数"; "没有参数的函数"; document.write(str+"<br>"); }

document.write("sum="+square(2,3));

show(); </script>

javascript函数和事件 课件

全局变量与局部变量 根据变量的作用范围，在javascript中，可以将变量分为全 根据变量的作用范围，在javascript中，可以将变量分为全 局变量和局部变量。 1. 全局变量：它是在所有的函数之外、脚本之中所定义的 变量，它的作用范围是在这个变量定义之后的所有语句， 包括它后面所定义的函数当中的所有程序代码，以及它所 在的script标签对之后的其它script标签对中的所有程序代 在的script标签对之后的其它script标签对中的所有程序代 码。 2. 局部变量：它是定义在函数代码之内的变量。它只对所 在函数当中的、位于定义变量之后的代码有效，而对函数 之外的其它脚本代码来说是无效的，也就是说，局部变量 在函数体外是不可见的。

javascript函数和事件 课件

全局变量与局部变量 <script language="javascript"> var msg = "全局变量"; "全局变量"; function show() { msg = "引用全局变量"; "引用全局

变量"; } show(); document.write(msg); </script> <script> msg = “再次引用全局变量"; 再次引用全局变量"; document.write(msg); </script>

此处的msg的值是 的值是 此处的 多少啦？ 多少啦？

引用全局变量

此处的msg的值又 的值又 此处的 是多少啦？ 是多少啦？

再次引用全局变量

javascript函数和事件 课件

全局变量与局部变量 <script language="javascript"> var msg = "全局变量"; "全局变量"; function show() { var msg;//对函数体外的代码 msg;//对函数体外的代码 是不可见的 msg = “引用局部变量"; 引用局部变量"; } show(); 此处的msg的值是 此处的 的值是 document.write(msg); 多少啦？ 多少啦？ </script>

全局变量

javascript函数和事件 课件

总结: 总结: 1. 函数的定义 2.全局变量与局部变量 2.全局变量与局部变量

javascript函数和事件 课件

常用系统内置函数1、常规函数：alert函数：显示一个警告对话框，包括一个OK按钮。 alert函数：显示一个警告对话框，包括一个OK按钮。 confirm函数：显示一个确认对话框，包括OK、Cancel按钮。 confirm函数：显示一个确认对话框，包括OK、Cancel按钮。 isNaN函数：测试是(true)否(false)不是一个数字。 isNaN函数：测试是(true)否(false)不是一个数字。 parseFloat函数：将字符串转换成浮点数字形式。 parseFloat函数：将字符串转换成浮点数字形式。 parseInt函数：将符串转换成整数数字形式(可指定几进制) parseInt函数：将符串转换成整数数字形式(可指定几进制)。 prompt函数：显示一个输入对话框，提示等待用户输入。 prompt函数：显示一个输入对话框，提示等待用户输入。

javascript函数和事件 课件

常用系统内置函数2、日期函数(Date()对象) 、日期函数(Date()对象)getDate函数： 返回日期的“ getDate函数： 返回日期的“日”部分。 部分。 函数 getDay函数 函数： getDay函数： 返回星期几 getHours函数 返回日期的“小时” 函数： getHours函数：返回日期的“小时”部分 getMinutes函数 返回日期的“分钟” 函数： getMinutes函数：返回日期的“分钟”部分 getMonth函数 返回日期的“ 函数： getMonth函数：返回日期的“月”部分 getSeconds函数 返回日期的“ 函数： getSeconds函数：返回日期的“秒”部分 getTime函数 返回系统时间。 函数： getTime函数： 返回系统时间。 getYear函数 返回日期的“ 函数： getYear函数： 返回日期的“年”部分

javascript函数和事件 课件

常用系统内置函数3.数学函数 (Math对象) 3.数学函数 (Math对象)abs函数：即Math.abs(以下同) abs函数：即Math.abs(以下同),返回一个数字的绝对值。 random函数：返回一个0 random函数：返回一个0~1的随机数值。 round函数： round函数： 返回一个数字的四舍五入值，类型是整数。 ceil方法、floor方法、max方法 、min方法 、pow方法

、sqrt方法 ceil 、 min方法 pow方法 sqrt方法

4.字符串函数 4.字符串函数

(String对象) (String对象)

length函数：返回字符串的长度。 length函数：返回字符串的长度。 replace函数: replace函数: charAt、charCodeAt、substring、slice、substr、indexOf、 charAt、charCodeAt、substring、slice、substr、indexOf、 lastIndexof、toUpperCase、 lastIndexof、toUpperCase、 toLowerCase

javascript函数和事件 课件

JavaScript常用事件 JavaScript常用事件 事件调用函数的格式一般是:on事件名=“函数名()” ,比如： 事件调用函数的格式一般是:on事件名= 函数 …… 此处隐藏：3266字，全部文档内容请下载后查看。喜欢就下载吧 ……