zoukankan      html  css  js  c++  java
  • $(document).ready和window.onload的区别

    $(document).ready比window.onload先执行。window.onload只执行一次。

    $(document).ready和window.onload都是在都是在页面加载完执行的函数,大多数情况下差别不大,但也是有区别的。

    $(document).ready:是DOM结构绘制完毕后就执行,不必等到加载完毕。 意思就是DOM树加载完毕,就执行,不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready

    ****window.onload:是页面所有元素都加载完毕,包括图片等所有元素。只能执行一次。****

    所以,$(document).ready的执行时间要早于window.onload。并且可以写多个,看代码:

    //以下代码无法正确执行:
    window.onload = function()
    {
    alert(“text1”);
    };
    window.onload = function()
    {
    alert(“text2”);
    };
    // 结果只输出第二个 能同时编写多个

    // 以下代码正确执行:
    $(document).ready(function() {
    alert(“Hello World”);
    });

    $(document).ready(function() {
    alert(“Hello again”);
    });
    //结果两次都输出

    如何理解浏览器的解析过程

    https://www.cnblogs.com/caizhenbo/p/6679478.html

  • 相关阅读:
    oracle对象之序列
    PLSql工具介绍
    oracle对象之同义词
    oracle对象之视图
    缓存问题汇总
    消息队列问题汇总
    算法-排序算法-1
    redis-主从数据一致
    数据结构与算法-完全二叉树/满二叉树
    写缓冲器与无效化队列
  • 原文地址:https://www.cnblogs.com/qdlhj/p/10648750.html
Copyright © 2011-2022 走看看