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

【百日JavaScript系列】2017.11.2_函数 function

2017-11-02 17:39 302 查看

函数是由事件驱动的或者当它被调用的时候执行的可重复执行的可重复使用的代码块

以下就是function的使用方法

function functionname()
{
这里是要执行的代码
}
一
下面的代码块就是函数的简单使用了

可实现的功能:弹出个提示框, 内容: 这是陈锦湖的博客
function Msg(){
alert('这是陈锦湖的博客');
}当调用该函数时，会执行函数内的代码。

可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

提示：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

二

当调用参数的时候,我们可以向里面传递参数,每个参数可以用 , 分隔开来;

这是一个完整的例子

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo01</title>

</head>
<body>
<input type="text" name="input1" id='input1' >
<input type="button" name="button1" value="点击提示" onclick="study()">
<script type="text/javascript">
function study(str1){
alert(input1.value)
}
</script>
</body>
</html>

三
接下来, 还有一种函数的使用方法,在某些时候,我们其实并不希望函数直接有提示或者执行什么实际的功能,

只想要我们执行的函数返回一些东西就够了! 此时,我们可以这么写

function study(parameter1){
return '参数1:'+parameter1;
}
var a = study(123456)
alert(a)

此时, study()函数并没有提示什么,只是返回了一些内容
我们就可以用上面调用的例子在我们需要的时候再调用!

实例:

function jisuan(a,b){
var sum=a*b;
return sum;
}
alert(jisuan(5,5))

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航