JavaScript

【DOM的概述】

    什么是DOM

　　DOM：Document Object Model：文档对象模型.

            　　将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.

　　DOM的使用：

            　　知道document，element，attribute中的属性和方法

【DOM的常用的操作】

            获得元素：

                    document.getElementById();        -- 通过ID获得元素.

                    document.getElementsByName();        -- 通过name属性获得元素.

                    document.getElementsByTagName();    -- 通过标签名获得元素.

            创建元素：

                    document.createElement();            -- 创建元素

                    document.createTextNode();        -- 创建文本

            添加节点：

                    element.appendChild();            -- 在最后添加一个节点.

                    element.insertBefore();            -- 在某个元素之前插入.

            删除节点：

                    element.removeChild();            -- 删除元素

            修改元素值:

                    innerHTML属性:

 

JS的输出 ：

                doucument.getElementBytd("").innerHTML="HTML

                doucument.w

JS的事件：

onload    : 页面完成加载

onclick    ：鼠标单击事件

onsubli    ：确认按钮被点击

onfocus ： 获取焦点事件

onblur    ： 元素失去焦点

onchange ：下拉列表的改变事件

ondblclick ： 双击某个对象的事件

 

键盘操作事件：

onkeydown    按下

onkeyup        抬起

onkeypress  键盘按下并松开 

 

鼠标操作事件：

onmousemove   

onmouseout    

onmouseover    

onmousedown

onmouseup

 

隔行换色：

        获得到控制的表格元素

            var tabl = docment.geitElementByid("tabl");

            var len=tabl.rows.length;

 

open() 打开一个新窗口

resizeTo() 将窗口的大小改为指定的宽度和高度值

<marquee>让字动起来<marquee>