阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      window.onload和$(document).ready

      问题

      window.onload和$(document).ready

      答案

      原⽣ JS 的 window.onload 与 Jquery 的 $(document).ready(function() {}) 有什么不同?如何⽤原⽣JS实现Jq的 ready ⽅法?

      • window.onload() ⽅法是必须等到⻚⾯内包括图⽚的所有元素加载完毕后才能执⾏。
      • $(document).ready() 是 DOM 结构绘制完毕后就执⾏,不必等到加载完毕
      function ready(fn){
          if(document.addEventListener) { //标准浏览器
              document.addEventListener('DOMContentLoaded', function() {
                  //注销事件, 避免反复触发
                  document.removeEventListener('DOMContentLoaded',arguments.calle
                      fn(); //执⾏函数
              }, false);
          }else if(document.attachEvent) { //IE
              document.attachEvent('onreadystatechange', function() {
                  if(document.readyState == 'complete') {
                      document.detachEvent('onreadystatechange', arguments.calle
                      fn(); //函数执⾏
                  }
              });
          }
      };
      

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录