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只能操作行内样式  外部引用不行