本文介绍了JavaScript中的函数概念，包括参数处理、函数重载规则、提升作用域、事件驱动编程以及HTML中的全局变量。此外，还展示了如何通过不同参数调用函数以及计算两个数字的乘积并返回结果。
函数（和java类中的方法是一样的）设计为特定任务代码，需要调用才能执行可重复使用
function函数名（形参列表）{
函数体
（return 返回值）
}
let resul=函数名（形参列表）
（1）函数声明的参数，不等于传入的参数，函数里有一个arguments数组接收多个参数
（2）函数没有重载，后面的同名参数覆盖前面的函数
（3）函数会把声明，自动提升到代码的前面
<标签 事件=“执行js代码”></标签>
标签对象.事件=function(){}
JavaScript：直接写入 HTML 输出流
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
JavaScript：对事件的反应
<button type="button" οnclick="alert('欢迎!')">点我!</button>
x=document.getElementById("demo"); //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
<body> 中的 JavaScript 函数
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" οnclick="myFunction()">尝试一下</button>
<script> function myFunction() { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }
</script>
HTML 中的全局变量
在 HTML 中, 全局变量是 window 对象，所以 window 对象可以调用函数内的未声明（未加 var)的局部变量。
function myFunction() {
carName = "Volvo";
}
函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息：
<button οnclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button οnclick="myFunction('Bob','Builder')">点击这里</button>
计算两个数字的乘积，并返回结果
function myFunction(a,b) {
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
扫一扫
169
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
