[学习笔记]JavaScript基础

JavaScript组成

1.核心（ECMAScript）：描述了该语言的语法和基本对象    （翻译、解释器）   ECMA几乎没有兼容行问题

2.文档对象模型（DOM）：描述了处理网页内容的方法和接口   （给了我们操作HTML页面的一个入口）DOM有一些操作不兼容

3.浏览器对象模型（BOM）：描述了与浏览器进行交互的方法和接口   BOM完全不兼容

变量类型

类型：typeof运算符

常见类型：number、string、boolean、undefined、object、function

一个变量应改只存放一种类型的数据,不然容易乱.

数据类型转换：

显示类型转换（强制类型转换）parseInt（）、parseFloat（）

隐式类型转换  如：比较a和b， a==b（自动转换类型，然后比较），a===b（不转换类型，直接比）

<script>
    var a = '12';
    var b = '3';
    alert(a + b);  //结果为123   字符串连接      
    alert(a - b);  //结果为9      隐式转换类型  然后相减
</script>

NaN不等于NaN

取非行间样式

IE下：currentStyle      例：alert(oDiv.currentStyle.width);

Chrom和FF下：getComputStyle有两个参数第一个是要获取的div 第二个随便什么都行 

例：alert(getComputStyle(oDiv,null).width);

 <script>
        //将常用函数封装
        function getStyle(obj, name) {
            //解决兼容性问题
            if (obj.currentStyle)
            {
                return obj.currenStyle[name];
            }
            else {
                
                return getComputedStyle(obj,false)[name];
            }
        }
        window.onload = function () {
            var oDiv = document.getElementById('div1');
            //alert(oDiv.currentStyle.width);
            //alert(getComputedStyle(oDiv,null).width);
            alert(getStyle(oDiv, 'width'));
            //如果是background则无法获取，因为是复合样式

        };
    </script>

arguments

arguments是一个数组，是可变参，不定参。

如：

<script>
        //结果为4，因为传入了4个参数
    function sum()
    {
        alert(arguments.length);
    }
    sum(12,8,5,6);
    </script>

DOM

DOM其实就是document

浏览器对DOM的支持情况：

IE 10%（IE6到IE8） 到了IE9基本跟FF差不多

Chrom 60%

FF 99%

DOM节点：

首尾子节点：

有兼容性问题

fristChild(IE6到IE8使用)、fristElementChild（其他高版本浏览器使用）

lastChild、lastElementChild

兄弟节点：

有兼容性问题

nextSibling、nextElementSibling

previousSibling、previousElementSibling

DOM方式操作元素属性：

获取：getAttribute(名称);

设置：setAttribute(名称，值);

删除：removeAttribute(名称);