说明
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
<html><head><meta charset="utf-8"><title>示例title><script>function myFunction(){
alert("Hello World!");
}script>head><body><button onclick="myFunction()">点我button>body>html>
函数就是包裹在花括号中的代码块,使用关键词 function:
语法:
function functionname(){
// 执行代码
}
调用带参数的函数
在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。可以发送任意多的参数,由逗号 (,) 分隔:
function myFunction(var1,var2){
//代码
}
示例
<html><head> <meta charset="utf-8"> <title>示例title> head><body><button onclick="myFunction('Harry Potter','Wizard')">点击这里button><button onclick="myFunction('Bob','Builder')">点击这里button><script>function myFunction(name,job){
alert("Welcome " + name + ", the " + job);
}script>body>html>
带有返回值的函数
通过使用 return 语句就可以实现。
在使用 return 语句时,函数会停止执行,并返回指定的值。
整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。
语法示例:
function myFunction(){
var x=5;
return x;
}
示例
<html><head> <meta charset="utf-8"> <title>示例title> head><body><p id="demo">p><script>function myFunction(a,b){return a*b;
}document.getElementById("demo").innerHTML=myFunction(4,3);script>body>html>
完
码上加油站
一起来加油
长按扫码关注
![5ec8b6715c43433bf4de0ce5f4429a86.png](https://img-blog.csdnimg.cn/img_convert/5ec8b6715c43433bf4de0ce5f4429a86.png)
点“在看”你懂得
![bbc726bc3efb2a20655de6395ae3122e.png](https://img-blog.csdnimg.cn/img_convert/bbc726bc3efb2a20655de6395ae3122e.png)