<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 函数</title> </head> <body> <h3>JavaScript Function(Function:函数)</h3> <!-- 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 语法： function testFun(){//以function开头，testFun()-函数名 代码块 } --> <h4>调用带参函数</h4> <button type="button" onclick="myFunction('狗剩',22)">点我</button> <!-- 这里的狗剩，22就是实参,可以使用不同的参数来调用该函数; --> <p id="demo" style="color: red;"></p> <script type="text/javascript"> /* 调用带参函数(分为形式参数和实际参数) */ function myFunction(name, age) { //这儿的name,age就是形参; document.getElementById('demo').innerHTML = name + '已经' + age + '岁了!'; } </script> <p>----------------------</p> <h4>返回值</h4> <!-- return可以实现函数将值返回调用它的地方； --> <p id="demo1" style="color: red;"></p> <script type="text/javascript"> function myFunction1(x, y) { if (x > y) { return x + y; /* 当x>y时，返回x+y的值，函数结束，不会执行x*y */ } return x * y; /* 当x<y时，返回x*y的值*/ } document.getElementById('demo1').innerHTML = myFunction1(5, 4); </script> <p>----------------------</p> <!-- 变量 变量分为局部变量，全局变量； 在函数内用var声明的变量叫局部变量； 在函数外，script标签内声明的变量叫全局变量； 生命周期： 局部变量从被声明开始到函数结束； 全局变量从被声明开始到页面关闭； --> </body> </html>
JavaScript009，函数
猜你喜欢
转载自www.cnblogs.com/zhou0910/p/12104919.html
今日推荐
周排行