button执行onclick函数_【JavaScript】函数

5fce24bf54b202955069becd52c94763.gif

说明

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

<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

点“在看”你懂得

bbc726bc3efb2a20655de6395ae3122e.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值