JQuery的ready函数与JS的onload的区别详解

来源:网络整理作者: 发布时间:2020-12-21 11:31

这篇文章主要介绍了JQuery的ready函数与JS的onload的区别，有需要的朋友可以参考一下...

$(document).ready()可以同时编写多个，并且都可以得到执行

例子：
        }
        <script type="text/javascript">
        </script>
        //jsFunction2函数

            //jquery的ready方法执行jqFunction1函数
        $(document).ready(jqFunction1);
        function jqFunction2(){
        //jqFunction2函数
            //js中window对象的onload属性执行jsFunction2函数
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
        function jsFunction2(){

1.执行时间
        <title>ready和js中的onload的区别</title>

    </body>
            window.onload=jsFunction1;

        function jqFunction1(){

    </head>
            //js中window对象的onload属性执行jsFunction1函数

3.简化写法
            window.onload=jsFunction2;

        function jsFunction1(){
    <body>
        //jqFunction1函数

        //jsFunction1函数

        }
        <script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_6195/jquery-core/jquery-1.8.0.js"></script>
        //jquery的ready方法执行jqFunction2函数
        }
        alert("jqFunction2");
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

复制代码代码如下:

alert("jsFunction2");
<h1>ready和js中的onload的区别</h1>
window.onload没有简化写法

jquery的ready函数与JS的onload的区别：
$(document).ready(function(){})可以简写成$(function(){});

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
           alert("jqFunction1");

<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        }
                alert("jsFunction1");
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        $(document).ready(jqFunction2);
"http://www.w3.org/TR/html4/loose.dtd">
</html>