2016.4.24javascript初级

 数据类型
    原始数据包括五种数据类型
        数值 ( number )
        字符串类型 ( string )
        布尔值（ boolean ）
        null
        undefined
    判断number类型常用方法
        isInteger(value) 判断参数是否为整数
        isNaN(value)     判断参数是否为 NaN
        parseFloat(value) 把参数转换为浮点数
        parseInt(value)   把参数转换为整数
    typeof 运算符
    原始类型 : 数值、字符串、布尔值分别返回 number 、 string 、 boolean 。
    typeof 123; //number
    typeof "123"; //string
    typeof false; //boolean

条件语句

　JavaScript提供if结构和switch结构，完成条件判断

　　while；do...while..循环；for循环

 break语句和continue语句
- break语句用于跳出代码块或循环。
- continue语句用于立即终止本次循环，返回循环结构的头部，开始下一次循环。

 

Array

valueOf: valueOf 方法返回数组本身

toString: 返回数组的字符串形式。

push: 用于在数组的末端添加一个或多个元素，并返回添加后的数组的长度。

pop: 用于删除数组的最后一个元素，并返回该元素

join: 以参数作为分隔符，将所有数组成员组成一个字符串返回。

concat: 用于多个数组的合并。它o将新数组的成员，添加到原数组的尾部，然后返回一个新数组。

shift: 用于删除数组的第一个元素，并返回该元素

shift: 可以遍历并清空一个数组。

unshift: 用于在数组的第一个位置添加元素，并返回添加新元素后的数组长度。

reverse: 用于颠倒数组中元素的顺序，使用这个方法以后，返回改变后的原数组

 slice: 用于提取原数组的一部分，返回一个新数组，原数组不变。它的第一个参数为起始位置（从 0 开始），第二个参数为终止位置（但该位置的元素本身不包括在内）。如果省略第二个参数，则一直返回到原数组的最后一个成员。

splice: 用于删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员。它的返回值是被删除的元素。该方法会改变原数组。

 

函数

函数声明：function test(){方法体}

函数的表达式var text=function（）function命令后面不带函数名

形式参数和return语句 return返回值

函数的属性和方法；函数有那name属性。length属性

函数的作用域：分为全局作用域和局部变量，函数内部定义的变量会在改作用域内覆盖同名全部变量

参数的概述：函数运行的时候，有时候需要外部数据，不同的外部数据会得到不同的结果，这种外部数据叫参数

传递方式

JavaScript 的函数参数传递方式是传值传递，但是对于复合类型的变量来说，属性值是传址传递

arguments对象

JavaScript 允许函数有不定数目的参数，所以我们需要一种机制， arguments 对象包含了函数运行时的所有参数， arguments[0] 就是第一个参数，可以通过 arguments 对象的 length 属性，判断函数调用时到底带几个参数。

**window对象**
（浏览器对象模型）
Document：使我们可以从脚本中对HTML页面中的所有元素进行访问。
History：包含用户在浏览器窗口中访问过得URL
Location：包含有关当前URL的信息
Navigator：包含有关浏览器的信息
Screen：包含有关客户端显示的屏幕的信息
说明
1.所有浏览器都支持window对象。它表示浏览器窗口
2.所有JavaScript全局对象，函数以及变量均自动成为window对象的成员
3.全局变量是window对象的属性
3.全局函数是window对象的方法

1.window对象
1.1方法
    screenX 返回相对于屏幕窗口的 x 坐标 (IE 不支持 )
    screenY 返回相对于屏幕窗口的 y 坐标 (IE 不支持 , 距离浏览器最顶端 
    screenLeft 返回相对于屏幕窗口的 x 坐标
    screenTop 返回相对于屏幕窗口的 y 坐标 ( 在 IE 中包括工具栏 + 菜单栏 + 地址栏 
1.2窗口大小
    window.innerWidth 返回窗口的文档显示区的宽度。 (IE 不支持
    window.innerHeight  返回窗口的文档显示区的高度。 (IE 不支持 
    document.documentElement.clientWidth 返回窗口的文档显示区的宽度。 ( 通用方法 
    document.documentElement.clientHeight 返回窗口的文档显示区的高度。 ( 通用方法 
2.2滚动条的控制
    window.scrollBy(x, y) 相对于当前滚动条的位置移动
    window.scrollTo(x, y) 把内容滚动到指定的坐标。
2.3时间间隔函数记时器
    window.setInterval(code, millisec) 按照指定的周期（以毫秒计）来调用函数或计算表达式。
    window.clearInterval(obj) 取消由 setInterval() 设置的 timeout 。
    window.setTimeout(code, millisec) 在指定的毫秒数后调用函数或计算表达式
    window.clearTimeout(obj)  取消由 setTimeout() 方法设置的 timeout 。
2.4打开新的窗口
    window.open(URL,name,specs,replace)

2.history对象
    2.1属性
    length 返回历史列表中的网址数
    2.2方法
    history.back() 加载历史列表中的前一个 URL （如果存在） , 调用该方法的效果等价于点击后退按钮或调用history.go(-1)
    history.forward()  加载历史列表中的下一个 URL 。调用该方法的效果等价于点击前进按钮或调用 history.go(1) 。
    history.go(number|URL)  加载历史列表中的某个具体的页面

**HTML DOM**
1.属性
    document.title  返回当前文档的标题title（）title
    docment.URL 返回文档完整的URL
    document.bgColor 背景色
    document.fgColor 前景色
2.方法
    1.document。getElementByID("elementID")
    定义和用法：
    。返回对拥有指定ID的第一个对象的引用
    。如果没有指定ID的元素返回null
    2.document.getElementByTagName("tagname")
    定义和用法：
    。返回带有指定标签名的对象的集合
    。参数值“*”返回的文档所有元素
    。返回的集合对象拥有length属性，并且可以通过index来访问集合中的元素
    3.document.getElementsByName（“name”）；
    定义和用法：
    。返回带有指定名称的对象的集合
    。返回的集合对象拥有length属性，并且可以通过index来访问集合中得元素
    。存在兼容问题（该方法适用于表单操作）
        IE浏览器中如果name存在于form表单中，可以正常使用，但是如果出现在列入div元素中，则不能正常返回值，原因是name并不是div的标准属性
    4.document.getElementsByClassName("classname");
    定义和用法：
    。返回文档中所有指定类名的元素集合
    。返回的集合对象拥有length属性，并且可以通过index来访问集合中的元素
    。存在兼容性问题（IE不支持）
3.对象集合
    1.all
    所有对象的集合，常用来做兼容性判断
    2.forms
    所有form表单集合
    。通过indiex来访问表单对象
    document.forms[0];
    document.forms["name"];
4.操作元素内容
    1.innerHTML：设置或获取标签对中的内容（识别HTML）
    2.innerText：获取文字内容（IE）textContent：获取文字内容（FF,chrom）
5.属性操作
    1.直接操作
    object.attr=value（获取和设置）
    2.方法
    获取：object.getAttribute（“attr"）
    设置：对象.setAttribute("attr","value")
6.样式操作
    1.行内样式
    设置和获取：object.style.attr示例：hover
    2.css层叠样式
    。通过className修改样式
    。获取或修改某个属性的值（兼容性问题）
    。动态添加或删除
    document.styleSheets[index].insertRule(“selector{attr:value}”, index);
    document.styleSheets[index].deleteRule(index);
    document.styleSheets[index].addRule(“selector”,”attr:value”, index);
    document.styleSheets[index].removeRule(index);
    3.获取最终样式（只能获取，不能操作）
    object.currentStyle.attr ( IE )
    window.getComputedStyle(object,null).attr ( W3C )
    4.获取元素尺寸
    clientWidth/clientHeight: 元素可视部分的高度和宽度 (width + padding)
    offsetWidth/offsetHeight: 元素实际的高度和宽度 (width+padding+border)