jQuery中的ready与load

时间 2019-12-01
标签 jquery ready load 栏目 JQuery 繁體版
原文原文链接
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery中的ready与load</title>

    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(window).load(function() { alert("cccc"); });
        $(window).load(function() { alert("dddd"); });
        window.onload = function() { document.getElementById("txt").value = "pangjie"; }
        //window.onload = function() { alert("ddd"); }
        $(document).ready(function() { alert("bbb"); })
        $(document).ready(function() { alert("aaa"); })
        //能够简写为
        $(function() { alert("eee"); })

        //window.onload存在多个只会执行最后一个window.onload中的内容，由于这里使用的=赋值的意思，并不是没有C#中的 += 机制，后注册的取代先注册的
        //而ready则能够屡次注册都会被执行。

        //$(document).ready()写多个都会从上到下依次执行

        //window.onload在全部的dom元素加载完毕后执行，包括图片，css，js
        //$(document).ready()在全部的dom标签加载完毕后执行，不包括图片，css，js
        //这样能够提升网页的响应速度
        
        //jQuery中使用$(window).load()注册load事件，jQuery中的$(window).load()都会从上到下依次执行，且
        //window.onload = function() { document.getElementById("txt").value = "pangjie"; }也会执行，jQuery中能够存在
        
        //多个$(window).load()，由于jQuery是经过函数添加的，而非=赋值
    </script>

</head>
<body>
    <input type="text" id="txt">
</body>
</html>