网站首页 > 知识剖析 正文
关键字:function 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 定义 function 函数名( [参数1, 参数2…]){ 语句 } 不带参数 function test(){ alert("欢迎光临"); } 带参数 注意:参数不加var 参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量,不用var定义 function test(name){ alert("我的名字是"+name); } 带参数带返回值 return语句用于返回表达式的值,也可以没有 function test(a,b){ return a+b; }
使用示例(可复制直接运行)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript"> //编写一个无参数无返回值的函数 function f1() { alert("我的第一个js函数"); } //直接调用(函数必须要被调用才能够执行) f1(); //编写一个带参数的函数 function f2(name) { alert("大家好,我叫" + name); } //调用带参数的函数 //f2();//出现的结果是 大家好,我叫undefined (原因是因为该函数需要一个参数,但是呢在调用时没有给其参数,所以返回了undefined 未赋值的 未定义) //f2("张三"); //带返回值的函数 function f3(score) { //根据成绩返回等级 if (score >= 80) { return "优秀"; } else { return "一般"; } } //调用带返回值的f3函数 alert(f3(90)); //待返回值的函数直接调用得不到返回值,只能接受或者输出方可得到返回值 </script> </head> <body> </body> </html>
猜你喜欢
- 2024-11-25 Chrome 108 发布新的 CSS 布局单位升级
- 2024-11-25 简单小程序:登录页面(html)
- 2024-11-25 通过CSS控制PC端的TABLE在移动端展示
- 2024-11-25 利用 Python 开发桌面小工具,实现htm自动转为excel文件
- 2024-11-25 团结一致,尽显风采丨TR02807班HTML项目验收
- 2024-11-25 想学HTML该从何入手?web前端HTML终极指南
- 2024-11-25 超实用压力测试工具-ab工具
- 2024-11-25 前端入门二(html)
- 2024-11-25 JavaScript中的DOM
- 2024-11-25 HTML网页制作常用标签及说明——前端开发入门
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)