①页面重定向
<meta http-equiv="refresh" content="5;http://www.baidu.com"/>
②类数组对象 arguments
当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做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';
}
}