js函数 DOM操作

时间:2021-05-19 07:15:00

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

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