您的位置:首页 > Web前端 > JavaScript

JavaScript—函数的定义和调用

2015-12-10 20:19 507 查看
    这次我们来看看函数的定义和调用~

    

    定义函数:function 函数名称(){

                                    函数体;(即代码块)                      

                      }

    用function来定义函数

<script>
function demo(){            //定义加法
var m=2;
var n=3;
var sum=m+n;
alert(sum);
}
demo();
<script>
  
    输出如下:


<script>
function tell(){ //定义乘法
var j=2;
var k=3;
var vl=j*k;
alert(vl);
}
tell();
</script>输出如下:


调用函数:函数定义好之后不能自己执行,需要进行调用
                      1、<script>标签里面调用
                      2、HTML文件里面调用

 
  1、在<script>里调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
demo(); //此处调用函数 即在<script>中调用函数
</script>
    2、接下来是在HTML里调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
</script>
<form> //创建一个表单,在HTML的表单中调用函数
<input type="button" value="按钮1" onclick="demo()">
</form>输出如下:


  也可以用另一种调用方式;直接在<button>按钮中调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
</script>
<button onclick="demo()">按钮2</button>//直接在按钮中调用输出如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: