文章目录
一、创建
1.1 无参无返回值
1.1.1 语法
function 函数名(){
//功能语句;
}
1.1.2 示例
function 函数名(){
alert("弹出提示框了!");
}
1.2 无参有返回值
1.2.1 语法
function 函数名(){
//功能语句;
}
1.2.2 示例
function 函数名(){
var x=5;
return x;
}
1.3 有参无返回值
1.3.1 语法
function 函数名(形参1,形参2){
//功能语句;
}
1.3.2 示例
function 函数名(name){
alert(name+"!"+"回家吃饭了!");
}
1.4 有参有返回值
1.4.1 语法
function 函数名(形参1,形参2){
//功能语句;
return ;
}
1.4.2 示例
function 函数名(a,b) {
var sum = a + b;
return sum;
}
二、调用
2.1 系统方法调用
2.1.1 无参调用
语法:对象.方法()
// 暂未找到
2.1.2 有参调用
语法:对象.方法(实参)
document.getElementById("cs").classList.add("colorRED");
2.2 函数调用
2.2.1 无参无返回值
语法:函数名()
示例:
<body>
<button onclick="函数名()">点击这里</button>
<script type="text/javascript">
function 函数名(){
alert("弹出提示框了!");
}
// =====JavaScript代码内部调用一。======
var t = function 函数名(){
//功能语句;
}
// =====JavaScript代码内部调用二。======
var t = function() {
//功能语句;
}
</script>
</body>
2.2.2 无参有返回值
语法:函数名()
function 函数名(){
var x=5;
return x;
}
var b = 函数名();
console.log(b);
2.2.3 有参无返回值
语法:函数名(实参1, 实参2)
function 函数名(name){
alert(name+"!"+"回家吃饭了!");
}
函数名("小明");
2.2.4 有参有返回值
语法:函数名(实参1, 实参2)
<body>
<input type="text" id="i1"/>
<input type="text" id="i2" />
<button onclick="result()">=</button>
<input type="text" id="i3" />
<script type="text/javascript">
function result(){
var a = parseInt(document.getElementById("i1"));
var b = parseInt(document.getElementById("i2"));
// 调用函数sum,并传值a和b。
document.getElementById("i3").value = sum(a,b);
}
function sum(numberOne,numberTwo) {
var total = numberOne + numberOne;
// 返回值为total。
return total;
}
</script>
</body>