美文网首页JavaScript 进阶营
window.onload与$(document).ready(

window.onload与$(document).ready(

作者: 家里有棵核桃树 | 来源:发表于2017-09-06 17:13 被阅读0次

    本文主要讨论window.onload与$(document).ready()的差异性

    window.onload是javascript原生的方法,$(document).ready()是jquery提供的。

    1. window.onload与$(document).ready()的对比

    window.onload与$(document).ready()对比

    注:

    $(window).load(function () {
    });
    // 等价于
    window.onload = function () {
    };
    

    2.window.onload

    • 该方法是在网页中的所有元素、全部内容(包括元素的所有关联文件、窗口、框架、对象和图像)完全加载到浏览器后才执行。
    • 执行该方法时可以访问网页中的任何元素。
    • onload事件一次只能保存对一个函数的引用,它会自动用后面的函数覆盖前面的函数。

    3.$(document).ready()

    • 使用该方法可以在DOM载入就绪时(页面全部内容加载前)就对其进行操纵并调用执行它所绑定的函数。
    • 通过该方法注册的事件处理程序,在DOM完全就绪时就可以被调用。DOM元素可以被访问,但是这些元素的关联文件不一定下载完毕,比如:图片。
    • 每次调用$(document).ready()方法都会在现有的行为上追加新的行为,这些行为函数会根据注册的顺序依次执行。

    相关文章

      网友评论

        本文标题:window.onload与$(document).ready(

        本文链接:https://www.haomeiwen.com/subject/pedvjxtx.html