document.ready和onload的区别

页面加载,ready会在加载完文档后执行,onload会在加载包括图片等所有文件后才会执行。

ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以对DOM进行操作。 

一般情况先一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。 

那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。

jQuery中的ready写法有多种

$(function(){//do something})

$(document).ready(function(){//do something})

$().ready(function(){//do something})

1.window.onload的方法,他会在页面加载完所有的文件后,才会调用的,当页面中多次调用window.onload的时候,最终执行的,只有最后定义的函数

    ex:

    functionone(){alert("one");}

    functiontwo(){alert("two");}

    window.οnlοad=one;

    window.οnlοad=two;

    //运行代码后只有 two

2.jQuery(function).ready方法,可以不会存在只加载一次的情况,它会按照顺序加载下来。

    ex:

    functionone(){ alert("one");}

    functiontwo(){    alert("two");}

    $(document).ready(function(){    one();});

    $(document).ready(function(){    two();});

    //运行代码后

    //先是:one

//然后是:two

原文链接:https://blog.csdn.net/u014179029/article/details/81603561

你可能感兴趣的:(document.ready和onload的区别)