js函数 DOM操作
回学校了两天请了两天假,数组和方法的内容周末一定补上!
今天介绍一下JavaScript函数 Function
一、基础内容
1.定义
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
function show (){}
其中function为关键字 show为标识符 (自己起的函数名)
2.调用
show() (函数名加小括号)
3.参数
function show(参数列表,参数列表2){}
参数列表是形式参数,在方法里面用形参,
形参:是在定义函数时使用的参数,目的是用来接收调用该函数时传进来的实际参数。 函数结束将被释放。
实参:是在调用时传递给函数的参数 。调用的时候show(aaa) 这个aaa为实参 确定的参数有值。
默认参数
show(arr,13)
function show(arr1,str=1) 有13 str 被改为13 没有13 str为1 str=1 就是默认值。
默认值的使用实例
//定义一个数组 var attr = [], //定义输入的几个数 的变量 str = "", num = 0, a; function max(a = 1){ num = parseInt(prompt("输入几个数")); //通过循环给数组赋值 for(var i = 0; i < num; i ++){ str = prompt("请输入第"+(i+1)+"个数"); attr[i] = str; } //假设最大或最小的数为第0项 var smg = attr[0]; //通过循环比较第0项和其他项的大小 for(var i = 0; i < num; i ++){ if(a == 1){ //如果有其他项比min小,则赋值给它 if(smg > attr[i]){ smg = attr[i]; } }else{ //如果有其他项比max大,则赋值给它 if(smg < attr[i]){ smg = attr[i]; } } } //输出最大值 console.log(max); alert(smg); }
二、方法
Return 结束方法。 Return num ; 加num表示返回num的值。 Return “找到了”;返回找到了。不能用在循环。类似于循环的break。
递归;
function f1(n){
If(n==1) teturn;
n—
f1(n)
}
自调用方法(外面 加括号)(function(){})
匿名函数(没有方法名的函数) Function(){}
用途 var fun = function(){ } (名字就是fun了……)
三、 Dom 操作
1.功能:找到元素 操作元素
找元素: 标签名 document .getelementsByTagName ();
属性 document.getelementById(); id 属性值 除了id其他都是elements,因为他们都不是唯一的。
document.getelementsByClass();
ClassName
操作元素:内容 属性 样式 添加事件 删除标签
①内容 1.非表单元素
标签对象.innerHTML = 123
获取标签内容 修改标签内容
2.表单元素
标签对象,value = 123
②属性
标签对象.getAttribute(“属性名”,“值”)
③样式
标签对象.style.color = “red” Js只能操作行内样式 外部引用不行