JS函数
函数
函数的定义
-
关键字function 函数名([形参1,形参2,…]){
函数体;
}
-
函数可以有返回值,不需要写返回类型,形参也不需要写类型,直接写变量名
创建函数方法1:
//创建方法1
function add1(a,b){
alert("加法运算1");
return a+b;
}
var c1 = add1(10,20);
alert(c1);
创建函数方法2:
//创建方法2
var add2 = function add2(a,b){
alert("加法运算2");
return a+b;
}
var c2 = add2(20,20);
alert(c2);
创建函数方法3:
//创建方法3
var c3 = new Function('a','b','return a+b');
alert(c3(30,30));
注意事项:
- 函数是个对象,可以引用,一个用var修饰的变量指向一个函数的话,可以理解为指向这个函数的地址,当要调用时,在变量后面加上(),有必要时传入实参。
闭包
-
调用内部方法inner方式一
function outter(c){ alert(c); function inner(a,b){ alert("a+b="+(a+b)); }; inner(10,30); }; outter(10);
-
调用内部方法inner方式二
function outter(c){ alert(c); function inner(a,b){ alert("a+b="+(a+b)); }; return inner; }; outter(50)(50,60);
匿名函数
-
有参匿名函数
(function add(a,b){ alert(a+b); })(1,9);
-
无参匿名函数
(function aler(){ alert("东方明珠"); })();
递归
-
递归费波那契
function fibonacci(n){ if(n==1||n==2){ return 1; } return fibonacci(n-1)+fibonacci(n-2); }; alert(fibonacci(10));
创建节点并追加
- 创建元素标签:var a = document.createElement(“标签名”);
- 设置标签名内的文本内容:a.innerHTML=“添加的内容”,a.innerText=“添加的内容”,a.value=“添加的内容”;
- 设置标签的属性:a.setAttribute(“属性名”,“属性值”);,a.id="";,a.className("");,
- 过去标签属性:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#main{
width: 100px;
height: 100px;
background: red;
}
#sub{
width: 100px;
height: 100px;
background: green;
}
</style>
</head>
<body>
<div id="main"><p>ppppppppp</p></div>
<script>
var main = document.getElementById("main");
dv = document.createElement("div");
dv.innerHTML="货到付款的是v ";
dv.setAttribute("id","sub");
main.appendChild(dv);
</script>
</body>
</html>