JS基础

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。JavaScript区分大小写

DOM：文档对象模型（Document Object Model）。DOM 赋予了JS 操作HTML 的能力，即document 操作。

BOM：浏览器对象模型（Browser Object Model）。BOM 赋予了JS 操作浏览器的能力，即window 操作。

网页引用javascript的方式：1.使用<script>标签
                                            2使用外部JavaScript文件

                                          3直接在HTML标签中

数据类型：undefined（未定义类型）
 null（空类型）
 number（数值类型）
 string(字符串类型)

 boolean（布尔类型）

数组：

创建数组的方式：

1：var scores=new Array(4);

   scores[0]=39;

    scores[1]=40;
    scores[2]=41;
    scores[3]=42;

    document.write("scores："+scores+"<br/>");

2.var scores1=new Array(39,40,41,42);

document.write("scores1："+scores1+"<br/>");

3.var scores2=[39,40,41,42];

document.write("scores2："+scores2+"<br/>");

注意：如果一个数组没有初始值则元素为undefind

数组字符串操作（方法）：

split():分离字符串

 join(): str.join("")：合并字符串

sort()：排序；reverse():倒序排序，是按照集合的位置排序，不是大小

注意：为sort排序的方法是按字母顺序的，所以它不能用于数值数组，幸运的是，有一个解决方案：可以指定一个函数

作为排序的参数，这个函数用于数字的比较。

数值数组排序
function num(a,b){
return a-b;
}
nums=new Array(30,40,200,4);
sortnums=nums.sort(num);
alert(sortnums);
若a 小于b，在排序后的数组中a 应该出现在b 之前，则返回一
个小于0 的值。若a 等于b，则返回0。若a 大于b，则返回一个大于

0 的值。

push():将一个或多个新元素添加到数组结尾，并返回数组新长度

unshift():将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度

splice():将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""

        splice(index, howmany, [element1, ...elementX]):

            index 必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
            howmany 必需。规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
            element1 可选。规定要添加到数组的新元素。从 index 所指的下标处开始插入。

            elementX 可选。可向数组添加若干元素。

pop()：移除最后一个元素并返回该元素值

shift()：移除最前一个元素并返回该元素值，数组中元素自动前移

arrayObj.splice(deletePos,deleteCount)：删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素。

slice():数组截取方法：slice(start, [end]);

concat():数组合并方法：arr1.concat(arr2)

javascript函数：

    parseInt()函数可解析一个字符串，并返回一个整数
    parseInt("字符串");
    parseInt()函数首先查看位置0处的字符，判断它是否是个有效数字，如果不是则返回NaN,不在继续执行其他操作。但如果该字符是有效数字，该函数将查看位置1处的字符，进行同样的测试，这一过程将持续到发现非有效数字的字符为止，此时parseInt将该字符串之前的字符转换成数字
    var num1=parseInt("78.89");//返回值为78
    var num2=parseInt("4567cc");//返回值为4567

    var num3=parseInt("this36");//返回值为NaN

parseFloat()：

isNaN()函数用于检查其参数是否是非数字
    isNaN(x);
    var num1=isNaN("12.5");//返回值为false
    var num2=isNaN("12.5s");//返回值为true

    var num3=isNaN("45.8");//返回值为false

自定义函数：

    创建函数
    function 函数名([参数1，参数2,...]){
        JavaScript语句;
        [return]

    }

调用函数：

    要执行一个函数，必须先调用这个函数，当调用函数时，必须指定函数名及其后面的参数（如果有参数）。函数的调用一般和表单元素的事件结合使用

    事件名=“函数名()”;

window对象：

    所有浏览器都支持window 对象。它表示浏览器窗口。所有JavaScript 全局对象、函数以及变量均自动成为window 对象的成

员。全局变量是window 对象的属性。全局函数是window 对象的方法

常用属性
    名称         说明
    screen 有关客户端的屏幕和显示性能的信息
    history 有关客户访问过的URL 的信息

    location 有关当前URL 的信息

常用方法
    名称         说明
    prompt 显示可提示用户输入的对话框
    alert 显示带有一个提示信息和一个确定按钮的警示框
    confirm 显示一个带有提示信息、确定和取消按钮的对话框
    close 关闭浏览器窗口
    open 打开一个新的浏览器窗口，加载给定 URL 所指定的文档
    setTimeout 在指定的毫秒数后调用函数或计算表达式

    setInterval 按照指定的周期（以毫秒计）来调用函数或表达式

confrim()将弹出一个确认对话框，语法格式为：window.confirm("对话框中显示的纯文本");

open()在页面上弹出一个新的浏览器窗口，弹出窗口的语法如下：window.open("弹出窗口的URL","窗口名称","窗口特征");

常用事件
    名称         说明
    onload 一个页面或一幅图像完成加载
    onmouseover 鼠标移到某元素之上
    onlick 当用户单击某个对象时调用的事件句柄
    onkeydowm 某个键盘按键被 按下

    onchange 域的内容被改变

Date对象：

var d = new Date()

    方法         描述
    getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
    getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
    getFullYear() 从 Date 对象以四位数字返回年份。
    getHours() 返回 Date 对象的小时 (0 ~ 23)。
    getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
    getMonth() 从 Date 对象返回月份 (0 ~ 11)。
    getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。

    getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

    值                        整数
    Seconds 和Minutes     0 至59
    Hours     0 至23
    Day     0 至6（星期几）
    Date     1 至31（月份中的天数）

    Months     0 至11（一月至十二月）

定时函数：

setTimeout( )方法
setTimeout( )用于在指定的毫秒后调用函数或计算表达式

setTimeout("调用的函数", "指定的时间后");

setInterval()方法
setInterval() 方法可按照指定的周期(重复)来调用函数或计算
表达式
setInterval("调用的函数", "指定的时间间隔");