课程主题 JavaScript 语法-网页客户端技术 课程-1728974231546.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：JavaScript语法

语言和注释01变量和数据类型02对象和函数03运算符04JavaScript语法二

（13）JavaScript函数JavaScript函数语法函数是由事件驱动或者当它被调用时执行的可重复使用的代码块。函数就是包裹在花括号中的代码块，前面使用了关键词function，格式如下：functionfunction_name(){//这里是要执行的代码}当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），也可由JavaScript在任何位置进行调用。对象和函数03JavaScript语法二

（14）调用带参数的函数在调用函数时，可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。可以发送任意多的参数，由逗号(,)分隔：myFunction(argument1,argument2)当您声明函数时，请把参数作为变量来声明，以此类推：functionmyFunction(var1,var2)//var1,var2为参数{//这里是要执行的代码}注意：调用时，变量和参数必须以一致的顺序出现，第一个变量就是第一个被传递的参数的给定的值。对象和函数03JavaScript语法二

（15）带有返回值的函数有时，会希望函数将值返回调用它的地方。通过使用return语句就可以实现。在使用return语句时，函数会停止执行，并返回指定的值。例如，以下代码将返回值5：functionmyFunction(){varx=5;returnx;}函数调用将被返回值取代：varmyVar=myFunction();对象和函数03JavaScript语法二

（15）带有返回值的函数特别提示：JavaScript局部变量，在JavaScript函数内部声明的变量（使用var）是局部变量，所以只能在函数内部访问它；JavaScript变量的生存期，JavaScript变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除；向未声明的JavaScript变量来分配值，如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。对象和函数03JavaScript语法二

htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title例2_2JavaScrtip函数应用示例/titlescriptfunctionLogin(){varstr;str=用户名：+login.username.value;str=str+,密码：+login.password.value;alert(str);}/script/headbodyformname=login用户名：inputtype=textname=username/br/密码：inputtype=passwordname=password/br/inputtype=submitname=提交onclick=Login()/br//form/body/html（15）带有返回值的函数例2-2JavaScrtip函数应用示例：通过变量获取登录表单中的数据JavaScript语法二

（15）带有返回值的函数操作提示：在Dreamweaver中，编写上述代码，保存为example2_2.html，然后在浏览器中浏览该网页，如图2-2所示，然后填下用户名和密码，单击“提交查询”按钮，显示如图2-3所示的对话框；掌握JavaScript函数的声明和使用方法。图2-2JavaScrtip函数应用示例1图2-3JavaScrtip函数应用示例2对象和函数03JavaScript语法二

（15）带有返回值的函数知识点：JavaScript函数的声明的结构，无参数和有参数函数声明的区别；JavaScript函数如何在HTML代码中调用；JavaScript事件的处理。对象和函数03JavaScript语法二

感谢聆听，批评指导