欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js函数 DOM操作

程序员文章站 2022-03-29 17:40:19
回学校了两天请了两天假,数组和方法的内容周末一定补上! 今天介绍一下JavaScript函数 Function 一、基础内容 1.定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 function show (){} 其中function为关键字 show为标识符 (自己起的函数名 ......

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

今天介绍一下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 就是默认值。

默认值的使用实例

js函数 DOM操作
//定义一个数组
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只能操作行内样式  外部引用不行