jquery - javascript



$(উইন্ডো).load() এবং $(নথি).ready() ফাংশনগুলির মধ্যে পার্থক্য (8)

$ (উইন্ডো) .load একটি ইভেন্ট যা যখন DOM এবং পৃষ্ঠাতে সমস্ত সামগ্রী সম্পূর্ণরূপে সিএসএস, চিত্র এবং ফ্রেমের মতো লোড হয় তখন আগুনে পুড়ে যায়। আমরা যদি প্রকৃত চিত্রের আকার বা আমরা যে কোনও জিনিসের বিশদ জানতে চাই, তবে এটি একটি সেরা উদাহরণ।

$ (ডকুমেন্ট) .ready () DOM লোড এবং স্ক্রিপ্ট দ্বারা ম্যানিপুলেশন করার জন্য প্রস্তুত একবার এটি কোড নির্বাহ করার প্রয়োজন নির্দেশ করে। এটি jQuery স্ক্রিপ্ট নির্বাহ করার জন্য লোড লোড করার জন্য অপেক্ষা করবে না।

<script type = "text/javascript">
    //$(window).load was deprecated in 1.8, and removed in jquery 3.0
    // $(window).load(function() {
    //     alert("$(window).load fired");
    // });

    $(document).ready(function() {
        alert("$(document).ready fired");
    });
</script>

$ (উইন্ডো) .load $ (নথি) .ready () পরে বহিস্কার।

$ (উইন্ডো) .load 1.8 তে অপ্রচলিত হয়েছে, এবং jquery 3.0 এ সরানো হয়েছে

$(window).load(function() {}) এবং $(document).ready(function() {}) মধ্যে পার্থক্য কি?




ডিওএম লেভেল ২ ইভেন্টসের মতে, লোড ইভেন্টটি নথির উপরে, উইন্ডোতে নয়, আগুনে পোড়াতে হবে। তবে, লোড সামঞ্জস্যের জন্য সমস্ত ব্রাউজারে লোড লোড করা হয়।


$(document).ready যখন সমস্ত উপাদান DOM উপস্থিত থাকে, তবে সমস্ত সামগ্রী অগত্যা হয় না।

$(document).ready(function() {
    alert("document is ready");
});

window.onload অথবা $(window).load() সমস্ত সামগ্রী সংস্থান (চিত্র, ইত্যাদি) লোড হওয়ার পরে ঘটে।

$(window).load(function() {
    alert("window is loaded");
});

$(window).load() jQuery 3.0 এ উপলব্ধ নয়

$( window ).load(function() {
        // Handler for .load() called.
});

এটির কাছাকাছি পেতে, আপনি এটি "ইভেন্ট হ্যান্ডলার সংযুক্তি" হিসাবে ব্যবহার করতে পারেন

$( window ).on("load", function() {
        // Handler for .load() called.
});

$(document).ready(function() {
 // executes when HTML-Document is loaded and DOM is ready
 alert("document is ready");
});


$(window).load(function() {
 // executes when complete page is fully loaded, including all frames, objects and images
 alert("window is loaded");
});

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
    $( document ).ready(function() {
        alert( "document loaded" );
    });

    $( window ).load(function() {
        alert( "window loaded" );
    });
    </script>
</head>
<body>
    <iframe src="http://.com"></iframe>
</body>
</html>

সমস্ত আইফ্রেম কন্টেন্ট লোড হয় পরে window.load ট্রিগার করা হবে





jquery