zoukankan      html  css  js  c++  java
  • 浏览器加载模式:window.onload和$(document).ready()

    jQuery库文件是在body元素之前加载的,必须等待所有的DOM元素加载后,延迟支持DOM操作,否则就无法获取到。

    在延迟等待加载,JavaScript提供了一个事件为load,方法如下:

    window.onload = function () {}; //JavaScript等待加载

    $(document).ready(function () {}); //jQuery等待加载load和ready区别

     

     

    window.onload

    $(document).ready()

    执行时机

     

    必须等待网页全部加载完毕(包括

    图片等),然后再执行JS代码

    只需要等待网页中的DOM结构

    加载完毕,就能执行JS代码

    执行次数

     

    只能执行一次,如果第二次,那么

    第一次的执行会被覆盖

     

    可以执行多次,第N次都不会被上

    一次覆盖

     

    简写方案

    $(function () {})

     

    在实际应用中,window.onload很少直接去使用,因为他需要等待图片之类的大型元素加载完毕后才能执行JS代码。遇到网速慢或者存在大的图片要下载时,页面已经全面展开,图片还在缓慢加载,这时页面上任何的JS交互功能全部处在假死状态。并且只能执行单次在多次开发和团队开发中会带来困难。

    写在后边:

    大家好,我目前就职于达内集团-昆明分公司,2823060927是我的qq有什么关于JAVA、PHP、NodeJS、数据库方面的问题可以和我交流。

  • 相关阅读:
    (五)Redis在项目中应用
    股票收益最大问题
    (四)redigo
    (三)go-sql-driver
    为什么TCP要3次握手?4次挥手?
    分支预测
    事务隔离级别说明
    剑指offer解题思路锦集11-20题
    C++中的二义性问题
    memcached Vs redis
  • 原文地址:https://www.cnblogs.com/geeek/p/4015515.html
Copyright © 2011-2022 走看看