js函数 DOM操作

2018-06-24 01:46:00来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

回学校了两天请了两天假,数组和方法的内容周末一定补上!

今天介绍一下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只能操作行内样式  外部引用不行

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Ajax中浏览器的缓存问题解决方法

下一篇:JavaScript target与currentTarget区别