JavaScript进阶篇之一

JS基础知识

声明变量  
    var : 找盒子的动作
        变量可以不声明，直接使用（不建议）
  表达式
    一个表达式可以包含常数或变量

    表达式是一个运算后的值，所以可以直接当做变量值使用

  流程控制语句        

    for循环   : 重复重复
    while     : 反反复复
    do..while : 来来回回
    if..else  : 二选一
    swith     : 多重选择

    continue  : 跳出本次循环，进入下一次
    break     : 跳出整个循环，结束循环

  逻辑操作符
    ！        : 是非颠倒
    &&        : 我与你同在
    ||        : 我或你都可以

  操作符之间的优先级
    ！ >  算数运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符

内置对象

JavaScript中 所有 事物都是对象。每个对象都带有属性和方法。

Array数组对象

拙见 : 一个数组就像一辆汽车，里面坐着很多的小变量。这些小变量依次从零开始排列。

数组的创建

    一维数组的创建

        法一 var myarry = new Array()

        法二 var myarray = [数组内容]

            创建的新数组为空，没有值。如输出则显示undefined，否则依次显示数组中各个元素的内容。

            数组是变长的，即使在声明时指定了长度如var myarray = new Array()

    二维数组的创建

        法一 var myarr = new Array();myarr[0] = new Array()
        法二 var myarr = [["数组内容"]]

数组的属性

    arrayObject.length:返回数组的长度

数组的方法

    concat():用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。

        语法
            var ARRAY=array.concat(array1,array2,....)

            即将array,array1,array2,..里面的元素依次添加在一个ARRAY中。

    join():用于将数组中的所有元素都放入一个字符串之中。

        语法
            var string = array.join("分隔符")

            分隔符如果省略，默认为","。将array中的元素，依次放入string中,每个元素之间用"分隔符"，隔开。

    reverse():颠倒数组中元素的顺序

        语法： array.reverse()

            注意该方法会改变原来数组中的顺序，但要想恢复只需再此reverse即可。

    slice(): 从已有的数组中返回选定的元素

        语法: var ARRAY=array.slice(start,end)

            将array数组中的元素从start开始到end结束(不包含该元素)依次放入ARRAY中。
            注意: start可从负数起，-1表示最后一个元素，此时end也必须为负数。

    sort():是数组中的元素按照一定的顺序排列。

        语法: array.sort(方法函数)

            不指定方法函数： 按Unicode码顺序排序

            指定方法函数:按指定的排序方法排序。该函数有两个参数，在比较过程中数组中的元素依次传递给该函数，进行两两比较，决定这两个数的顺序，然后整个数组的顺序，并重写数组。

                方法函数要比较两个数的值，然后返回一个说明这两个数值相对顺序的数字。比较函数应该具备两个参数如a,b：

                返回值<=-1,a前b后
                返回值>-1&&<1，相同顺序
                返回值>=1，a后b前

String字符串对象

字符串的创建：直接赋值即可
    var mystr = "I love JavaScript"

属性 
    str.length：返回字符串的长度
方法

    charAt():返回制定位置的字符。
        语法： str.charAt(index)

        注意：如果参数不在0与string.length-1之间，该方法将返回一个空字符串。

    indexOf():放回某个指定字符串，在该字符串首次出现的位置

        语法： string.indexOf(substring,startpos)

        注意：substring为必须参数，startpos可选参数。如果要检索的字符串没有出现，则该方法返回-1。

    split(): 将字符串分割为字符串数组，并返回该数组。

        语法: string.split("分隔符",limit)

            limit:可选参数，表示返回的数组中的元素，不会超过这个值。
            分隔符: 从字符串的哪一个位置开始。

         注意:如果把空字符串""，作为分隔符，那么string中的每个字符之间都会被分割。

    substring():提取字符串中介于两个，指定下标的字符串。

        语法：string.substring(startPos,endPos)

        注意：
            返回的内容是从start开始到end-1出结束
            如果start==end将返回空字符串

    substr():从字符串中提取指定数目的字符串

        语法： string.substr(startPos,length)

        length如果省略，表示从startPos处一直到结尾。

Math对象

特点：Math对象是个固有对象，无需创建直接使用它的属性和方法.

属性
    Math.PI:圆周率
    Math.E :自然数的底数2.78
方法
    Math.abs(x):数的绝对值
    Math.ceil(x):x的上舍入，如x=3.3时将返回4
    Math.floor(x):数的下舍入
    Math.round(x):数的四舍五入
    Math.sqrt(x):数的平方根
    Math.max(x,y):两个数的最大值
    Math.min(x,y)
    Math.random():0~1之间的随机数

日期对象

日期对象，顾名思义可以存储任意一个时间

创建： var date = new Date()

     注意在生成date的同时，已将给其赋予初始值为当前系统时间。

     自定义： var date = new Date(2016,02,20)
             var date = new Date("Feb 20,2016")
方法：

    get/setDate():返回0-6数字，代表星期
    get/setFullYear():返回用四位数表示的年份
    get/setYears():
    get/setMonth():
    get/setHours():
    get/setMinutes():
    get/setSeconds():
    get/setTime():单位毫秒，从1970年1月1日到日期对象所用的毫秒数。

    在调用方法时，注意大小写和单复数。

精华问题(摘抄)

1.什么是页面的加载完成？

   拙见：就是浏览器已经知道了该网页的所有东西。 解析完成了各个语言代码

2. 什么时候用 .value 而又什么时候用 .innerHTML 呢？

    a. 取value属性值的时候，请使用value，

    例如 <input id='in' type='text' value='我是input的value属性的值'>

    取其value值：
    document.getElementById('in').value // 取出的值是：我是input的value属性的值

    b.  一股脑取出元素下所有的文本（带标签）请使用innerHTML

    例如 <div id='d'>  我是div下的innerHTML <p>我也会被取出来</p>  </div>

    取其innerHTML：
    document.getElementById('d').innerHTML // 取出的值是：  我是div下的innerHTML <p>我也会被取出来</p>

  Another Answer

    .value一般用于表单类的元素，比如输入框，文本域、密码框等，获取其中的 ：   纯文本值；

    .innerHTML获取或设置的是元素内的  ： html文本；

    innerHTML获取或设置的值包括文本、标签、id名、class名等等都可以；

本文出自慕课网，转载请注明出处，侵权必究。