window.onload以及事件监听器

来源:互联网 发布:天翼云盘直链源码 编辑:程序博客网 时间:2024/05/24 05:10

一般我们写原生js的时候,如果js写在body上方的话,我们需要这么写

<script>

window.onload=function(){}

</script>


这是由于我们的执行js的时候,body里面的dom元素并没有载入,所以此时我们需要在js告诉浏览器,在整个dom元素加载完毕后再

执行js!

 同时js为我们提供了事件监听器的写法!


addEventListener(事件,匿名函数地址//函数名,true//表示捕获,false表示的是冒泡);IE9以上;
attachEvent('on'+事件,匿名函数地址或者//函数名,true or false);
标准版的绑定事件的函数;
冒泡事件流就是根据父节点慢慢的冒泡到里面的节点;
绑定事件的标准的写法
function addEvent(elem,eventType,func){
//容错
if(elem !=null && typeof elem=="object"){
if(-[1,]){
//IE9+
elem.addEventListener(eventType,func);
}else{
//IE6/7/8
elem.attachEvent("on"+eventType,func);
}
}else{
alert("对象没有获得或不是对象");
}
}
addEvent('window','load',function(){});
这样我们就可以直接在function里面执行我们的函数


0 0
原创粉丝点击