js中的deom ready执行的问题

一开始我想到这，DOMContentLoaded，不兼容，

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function addReady(fn){
  if(document.addEventListener){
    //DOMContentLoaded firfox .chrome. iE8+ dom事件必须绑定
    document.addEventListener('DOMContentLoaded',fn,false)
  }else{
    //onreadystatechange 所有浏览器都可以使用
    document.attachEvent('onreadystatechange',function(){
      if(document.readyState == 'complete'){
        fn &&fn();
      }
    })
  }
}
addReady(function(){
  alert(999)
})

</script>
</head>
<body>

</body>
</html>

 

posted on 2015-07-27 18:14  高尔础础  阅读(183)  评论(0)  编辑  收藏  举报