《JavaScript与jQuery网页前端开发与设计-第2版》课件 CH03 JavaScript数据类型与运算符；CH04 JavaScript语句和函数； CH05 JavaScript BOM和DOM.ppt

4.3.1函数的基本结构如果需要弹出的对话框每次显示的文本内容不同，可以使用参数传递的形式：functionwelcome(msg){alert(msg);}此时为之前的welcome函数方法传递了一个参数msg，在待执行的代码部分修改原先的alert()方法，用于在浏览器上弹出对话框并动态显示msg传递的文本内容。4.3.2函数的调用函数可以通过使用函数名称的方法进行调用。例如：如果该函数存在参数，则调用时必须在函数的小括号内传递对应的参数值。welcome();welcome(HelloJavaScript!);4.3.2函数的调用函数可以在JavaScript代码的任意位置进行调用，也可以在指定的事件发生时调用。例如在按钮的点击事件中调用函数：buttononclick=welcome()点击此处调用函数/button上述代码中的onclick属性表示元素被鼠标点击的状态触发等号右边的内容。4.3.2函数的调用【例4-9】JavaScript函数的简单调用4.3.3函数的返回值相比Java而言，JavaScript函数更加简便，无需特别声明返回值类型。JavaScript函数如果存在返回值，直接在大括号内的代码块中使用return关键词后面紧跟需要返回的值即可。4.3.3函数的返回值例如：functiontotal(num1,num2){returnnum1+num2;}varresult=total(8,10);//返回值是18alert(result);上述代码对两个数字进行了求和运算，使用自定义变量result获取total函数的返回值。此时在total函数的参数位置填入了两个测试数据，得到了正确的计算结果。4.3.3函数的返回值函数也可以带有多个return语句：functionmaxNum(num1,num2){if(num1num2)returnnum1;elsereturnnum2;}varresult=maxNum(99,100);//返回值是100alert(result);上述代码对两个数字进行了比大小运算，然后返回其中较大的数值。使用自定义变量result获取maxNum函数的返回值。此时在maxNum函数的参数位置填入了两个测试数据，得到了正确的计算结果。4.3.3函数的返回值单独使用return语句可随时终止函数代码的运行。例如测试数值是否为偶数，如果是奇数则不提示，如果是偶数则弹出对话框：functiontestEven(num){if(num%2!=0)return;alert(num+是偶数！);}testEven(99);//不会弹出对话框testEven(100);//会弹出对话框显示100是偶数！函数在执行到return语句时就直接退出了代码块，即使后续还有代码也不会被执行。本例中如果参数为奇数才能符合if条件然后触发return语句，因此后续的alert()方法不会被执行到，从而做到只有在参数为偶数时才显示对话框。4.3.3函数的返回值【例4-10】JavaScript带有返回值函数的应用目录4.1JavaScript条件语句4.2JavaScript循环语句4.3JavaScript函数4.4阶段案例：猜数字小游戏4.1JavaScript条件语句4.1.1if语句4.1.2switch语句4.1.1if语句在各类计算机程序语言中，最常见的条件语句就是if语句。1.if语句2.ifelse语句3.ifelse-ifelse语句4.1.1if语句1.if语句最简单的if语句由单个条件组成，语法规则如下：例如判断成绩等级，如果高于90分弹出对话框提示为Excellent，代码如下：if(条件){条件为真（true）时执行的代码}varscore=99;if(score90){alert(Excellent!);}4.1.1if语句2.ifelse语句当判断条件成立与否都需要有对应的处理时可以使用if-else语句。其语法格式如下：if(条件){条件为真（true）时执行的代码}else{条件为假（false）时执行的代码}如果条件成立则执行紧跟if语句的代码部分，否则执行跟在else语句后面的代码部分。这些代码均可以是单行语句，也可以是一段代码块。4.1.1if语句2.ifelse语句例如同样是判断成绩等级，如果