知识点

①页面重定向

<meta http-equiv="refresh"  content="5;http://www.baidu.com"/>

②类数组对象 arguments

当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面。

arguments的实例使用

③获取行间样式和非行间样式

获取行间样式和非行间样式

---

④取消事件冒泡  （模仿select下拉选择框效果，点击按钮显示div，点击页面其他空白部分隐藏div）

如果不加标粗部分，则点击按钮的时候会执行按钮的点击事件后再执行页面的点击事件，这样就等于点击了页面把div隐藏了。因为页面包含按钮，会有事件冒泡的问题，要想实现效果必须取消事件冒泡。

    window.onload=function(){

        var oBtn=document.getElementById('btn1');
        var oDiv=document.getElementById('div1');
         oBtn.onclick=function(ev){
             var oEvent=ev||event;
             oDiv.style.display='block';
             oEvent.cancelBubble=true; //取消冒泡
         }
         document.onclick=function(){
                 oDiv.style.display='none';
         }
 }

---

⑤盒子跟随鼠标移动 

document.onmousemove=function(ev){

    //也可以加上屏幕滚动的高度

        var scrolltop=document.documentElement.scrollTop+document.body.scrollTop;

        var oEvent=ev||event;

        div1.style.left=oEvent.clientX+'px';

        div1.style.top=oEvent.clientY+scrolltop+'px';

}

---

⑥键盘控制一个盒子移动

document.onkeydown=function(ev){

        var oEvent=ev||event;

        if(oEvent.keyCode==37){

                div1.style.left=div1.offsetLeft-10+'px';

        }

}

---

---