当前位置：首页 > web >正文

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

web 2025/6/30 13:55:17

说明

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

<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>

完

码上加油站

一起来加油

长按扫码关注