zoukankan      html  css  js  c++  java
  • 19号以后包括数组在内的所有内容(数组、函数、方法、dom操作)

    数组:

    1.数组就是许多变量,他们的名称和数据类型都是一致的。

      数组元素:就是数组里面的每一项

    2.数组下标:

      数组的下标是0的元素是数组的第一个元素(数组的下标是从0开始的)。

    3.获取数组的长度:数组 . lenght;      ( arr.lenght )

    4.数组的声明(也是样式):

      var  arr = [元素,元素,元素。。。];

      var arr = new Array(元素,元素,元素。。。);

      var arr = new Array ( 3 );

            arr [ 0 ]  = 元素;

            arr [ 1 ]  = 元素;

    5.数组的遍历:

      沿着一定的顺序对数组内部的元素做一次且仅做一次访问,就是遍历。

      for 循环   遍历

      for - in  遍历

      for ( var  i  in  arr ) { 

             Arr [ i ];

      }

    6. 数组的常用方法

      1. push (  ) ;  在最后追加一个元素

      2. unshift (  ) ;  在前面追加一个元素

      3. pop (  ) ;    删除最后一个元素

      4.  shift (  ) ;  删除第一个元素

      5.  indexOf (  ) ;  查找第一次出现的位置  返回下标   没找到  返回 -1

      6.  lastindexOf (  ) ;  查找最后一次出现的位置  返回下标  没找到 返回-1

    二维数组:

     1.数组的元素是一堆数组

        var  arr  = [

              [ 1 ],[ 2 ],[ 3 ],[ 4 ],[ 5 ],[ 6 ]    

         ] ;

    函数:

    1. 什么是函数:有一定功能代码体的集合

    2. 函数的封装

    1. 传统方式

    function  函数名(){}

    该方式的函数有“预加载”过程,允许我们先调用函数、再声明函数

    预加载:代码先把函数的声明放入内存。代码开起来是先调用、后声明,本质是先声明、后调用的。

    函数名();

    function  函数名(){}

    函数先调用、后声明的条件是,全部代码在一个”<script>”标记里边。


    2. 变量赋值方式声明函数(匿名函数使用)

    var  函数名 = function(){}

    该方式没有“预加载”,必须先声明、后调用。

    3. 函数的参数

    function  函数名(形参1,形参2,形参3=’abc’){}

    函数名(‘tom’,23,’beijing’);//传递实参信息

    1. 实参和形参的对应关系

    没有默认值情况:

    php里边:实参的个数小于形参是不允许的

    javascript里边:实参与形参没有严格的对应关系

    2. 关键字arguments

    function  函数名(){}  //函数声明没有形参

    函数名(实参,实参);  //调用的时候有传递实参

    利用arguments可以在函数里边接收实参信息。

    4. callee关键字

    意思:在函数内部使用,代表当前函数的引用。

    function f1(){

    xxxx具体执行代码

    arguments.callee();   //调用本函数(或者f1()

    //都可以使得本函数执行,我们选择callee,其可以降低代码的耦合度

    xxxx执行代码

    }

    f1();

    耦合:一处代码的修改会导致其他代码也要发生改变。

      在程序项目里边要开发低耦合度的代码。

    5. 函数返回值

    一个函数执行完毕需要返回具体的信息,使用return关键字返回信息。

    在一定层度上看,全部的数据类型(数值、字符串、布尔、对象、null)信息都可以返回

    return本身还可以结束函数的执行

    在函数内部返回一个函数出来。

    javascript里边,一切都是对象

    在一个函数内部,可以声明数值、字符串、布尔、对象等局部变量信息,言外之意就还可以声明函数(函数内部还要嵌套函数),因为函数是对象,并且函数可以被return给返回出来。

    6. 函数调用

    1. 传统方式函数调用

    函数名();

    2. 匿名函数自调用

    (function(){})();

     dom操作:找到元素,操作元素

    找元素:(标签对象)

          标签名: document . get ElementsByTagName ( ) ;

          属性 :  1.  document . get ElementsById ( ) ;  id 属性值

                        2. document . get ElementsByName ( ) ; name属性值

                        3. document . get ElementsByClassName ( ) ; class属性值

          操作元素

                  操作内容

                             非表单元素

                                     标签对象 .innerHTML   //  获取标签内容

                                     标签对象 .innerHTML = 123  //修改标签内容

                               表单元素          

                                     标签对象   .value   //获取标签内容

                                     标签对象   .value  = 123   // 修改标签内容

                  操作属性

                             标签对象 .getAttributr ( " 属性名 " ) ; //获取标签属性名

                             标签对象 .setAttributr ( " 属性名 "," 值 ") ; //设置标签属性值

                  操作样式

                             标签对象  .style.color   //获取标签样式值

                             标签对象  .style.color  = " red "  //设置标签样式值

                  添加事件

                            标签对象.addElementListener ( “ click “ , “ 函数名 “ )  不用加on,函数名后面不用加括号

           标签对象.onclick = function ( ) { }

                           标签对象.setAttrbutr ( “onClick “ , “ show ( )“ )

                  添加删除标签

  • 相关阅读:
    框架源码系列十一:事务管理(Spring事务管理的特点、事务概念学习、Spring事务使用学习、Spring事务管理API学习、Spring事务源码学习)
    框架源码系列十:Spring AOP(AOP的核心概念回顾、Spring中AOP的用法、Spring AOP 源码学习)
    框架源码系列九:依赖注入DI、三种Bean配置方式的注册和实例化过程
    框架源码系列八:Spring源码学习之Spring核心工作原理(很重要)
    框架源码系列七:Spring源码学习之BeanDefinition源码学习(BeanDefinition、Annotation 方式配置的BeanDefinition的解析)
    框架源码系列六:Spring源码学习之Spring IOC源码学习
    框架源码系列五:学习源码的方法(学习源码的目的、 学习源码的方法、Eclipse里面查看源码的常用快捷键和方法)
    框架源码系列四:手写Spring-配置(为什么要提供配置的方法、选择什么样的配置方式、配置方式的工作过程是怎样的、分步骤一个一个的去分析和设计)
    框架源码系列三:手写Spring AOP(AOP分析、AOP概念学习、切面实现、织入实现)
    框架源码系列二:手写Spring-IOC和Spring-DI(IOC分析、IOC设计实现、DI分析、DI实现)
  • 原文地址:https://www.cnblogs.com/baobaoa/p/8644755.html
Copyright © 2011-2022 走看看