javascript 文档易忽略知识点整理(二)

HTML  DOM(文档对象模型)

当页面被加载时，浏览器会创建页面相应的文档对象模型

1. 查找元素

        通过id: var x = document.getElementById('intro');

        通过标签：var x = document.getElementByTagNam();

        通过类名：通过类名查找在IE 5，6，7，8中无效

2. 改变html内容：  document.getElementById(id).innerHTML = new Html;

    改变属性值：document.getElementById(id).attribute = new Value;   //  document.getElementById(id).src = 'a.jpg'

    改变css值：document.getElementById(id).style.property = new style;  //.....style.color = 'red'

3. <h1 οnclick="this.innerHTML="谢谢""></h1>

    <h1 οnclick="changeTxt()"></h1>

    <script>

        document.getElementByTagName(h1).onclick = function(){]

    <script>

4. onload,onunload  事件会在用户进入或离开页面时被触发

5. onmouseovr,onmouseout  鼠标移至上面，鼠标移开时被触发

6. onmousedown,onmouseup   构成了鼠标点击事件，当鼠标点击下去的时候，down被触发，

     当释放鼠标按钮时，触发up事件，当完成鼠标点击时，触发click事件

7. 创建对象实例,并且为该对象添加三个属性：

        my_object = new Object();

        my_object.name = 'belle';

        my_object.age = '18';

        my_object.height = '160';

        或者    my_object = { name : 'belle', age: '18', height: '160'}

        或者我们可以使用对象构造器来创建不同的对象实例：

        function getObject( name , age, height ){

            this.name = name; this.age = age; this.height = height;

        }

        var my_object1 = new getObject( 'xiaoming', 20, 170 );

        var my_object2 = new getObject( 'xiaozhang', 10, 120 );

8. 给对象添加一个方法

     function getObject( name , age, height ){

        this.name = name; this.age = age; this.height = height;

        this.changeName = changeName( name );

    }

    function changeName(name){

        this.name = name;

    }

    这样my_object2实例对象就拥有了changeName方法；

9. 数字对象：javascript数字只有一种类型，没有浮点型、整型之分

10. new Date()  自动获取当前时间和日期作为初始值

11. cookies:

    cookies是存储于计算机的一个变量，当一台计算机通过浏览器请求某个页面时，就会发送这个cookie，

    可以通过javascript来创建和获取cookies的值