DOM

alert()　　//提示框，只有一个“确定”按钮

confirm()　　//确认框，有“确定、取消”两个按钮

var res=confirm("确认要删除吗？");//点确定返回true，取消返回false

prompt()　　//输入框，有个文本框，一个“确定”，一个“取消”按钮，确定则返回文本框中的值，取消返回null

var result = prompt("请输入年龄","10");

setInterval(code,delay)　　//每隔delay毫秒执行一次code代码（执行多次）

//跑马灯
　　　　 var left=0;
        var dire=1;
        window.onload=function(){
            //设置定时器
            setInterval(run,100);
        }
        function run(){
            left+=10*dire;
            //计算最左侧的值，当宽度大于等于浏览器宽度时
            if(left+100>=window.innerWidth){
                dire=-1;
            }
            //当到达最左侧时
            if(left<=0){
                dire=1;
            }
            document.getElementById("run").style.left=left+"px";
        }
        </script>
        <style>
            div{
                position:absolute;
                background-color: skyblue;
                width:100px;
            }
        </style>

clearInterval()　　//清除定时器

setTimeOut(code,delay)　　//等待delay毫秒后再执行code代码（执行一次）

clearTimeOut()　　//清除延时器

重定向location

　　记录当前浏览器窗口地址栏信息的对象

　　href属性用于设置加载的url

location.href("XXX.html");

获取元素方法

document.getElementById("Id")//根据id属性获取元素节点
document.getElementsByName("name")//根据name属性获取节点列表
document.getElementsByClassName("class")//根据class获取节点列表
document.getElementsByTagName("tag")//根据标签名获取节点列表

参数event

　　event在事件发生时，由浏览器创建出来的一个对象，包含了鼠标的位置等信息

function(e){}

对于早期ie浏览器，不支持参数e的形式，对于火狐浏览器，不支持event关键字,对于当前最新的ie浏览器，两种都支持

动态操作元素

createElement()　　动态创建元素

appendChild()　　将新元素追加到末尾

insertBefore(新元素对象，原节点)　　将新节点插入到某节点前

firstChild　　获取第一个元素

childNodes　　获取所有子节点元素

removeChild(子元素对象)　　删除元素

操作样式

dom.style.left、dom.style.width="200px"、

dom.className="content"　　

dom.style.cssFloat="right"

//dom.style.backgroundColor不允许使用‘-’