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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。