$ (উইন্ডো) .লোড () এবং $ (দস্তাবেজ)। প্রস্তুতি () ফাংশনগুলির মধ্যে পার্থক্য

216

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

jquery

266

document.readyএকটি jQuery ঘটনা, এটা রান যখন করে DOM প্রস্তুত, উদাঃ সব উপাদানের সব আছে পাওয়া যাবে / ব্যবহার করা হয়, কিন্তু না অগত্যা বিষয়বস্তু ।
window.onloadছবিগুলি এবং এগুলি লোড হওয়ার পরে (বা একই সাথে সবচেয়ে খারাপ / ব্যর্থ ক্ষেত্রে একই সময়ে) আগুন জ্বলতে থাকে, সুতরাং আপনি উদাহরণস্বরূপ চিত্রের মাত্রা ব্যবহার করেন তবে আপনি প্রায়শই এর পরিবর্তে এটি ব্যবহার করতে চান।

— নিক ক্র্যাভার
সূত্র

38

শর্টহ্যান্ড $(document).ready(function(){})হ'ল $(function(){})এবং উইন্ডো থেকে আরেকটি গুরুত্বপূর্ণ পার্থক্য load লোড এটি প্রাথমিক ডমড্রিডির পরেও এটি ফাংশনের সমস্ত ভবিষ্যতের কলগুলিতে চলবে।

— মাইকেল বাটলার 21

2

@dbliss হ্যাঁ আমি বিশ্বাস করি যে লোড শর্টহ্যান্ড $(window).on('load')। উভয়ই লোড ইভেন্টের উল্লেখ করে ।

— ফ্রি ল্যান্সার

5

@ মিশেলবাটলার - আপনার অর্থ কী it will run on ALL future calls of the function?

— বার্নটোকোড

7

@ মিশেলবাটলার: আপনার মন্তব্যে আপনাকে আরও পরিষ্কার হওয়া দরকার। 1) আপনি $(document).readyডিওএম প্রস্তুত হওয়ার পরে ব্যবহারকারী আরও কোড নির্বাহের বিষয়ে কথা বলছেন । এটি এত ছোট ব্যবহারের ক্ষেত্রে এটি সম্ভবত উল্লেখ করে সবাইকে বিভ্রান্ত করার মতো ছিল না। 2) পরিবেশটি কেবল $(document).ready(f‌unction(){})একবার কল করে , যখন ডিওএম প্রস্তুত থাকে। ব্যবহারকারী যদি কোনও কারণে ডিওএম $(document).readyপ্রস্তুত হওয়ার পরে আরও কার্যকর করে, তবে হ্যাঁ, এটি অবিলম্বে কার্যকর করা হবে।

— ডগ এস

4

আমি আলাদা করতে অনুরোধ, মাইকেল। আসুন এটি এটিকে ছেড়ে যান এবং অকেজো মন্তব্যগুলিতে অবনতি না ঘটে। অন্তত বিভ্রান্ত লোকদের কাছে এখন তাদের উত্তর আছে।

— ডগ এস

73

$(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");
});

— SagarPPanchal
সূত্র

22

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

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

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

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

— কেইন অমরাল
সূত্র

14

পার্থক্য হ'ল:

$(document).ready(function() { এটি ডাব্লু লোড হওয়ার পরে গুলি চালানো jQuery ইভেন্ট, সুতরাং নথির কাঠামো প্রস্তুত হওয়ার পরে তা বরখাস্ত করা হয়।

$(window).load() পুরো সামগ্রী লোড হওয়ার পরে ইভেন্টটি বরখাস্ত করা হয়।

— ভরত চোদবদিয়া
সূত্র

9

<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://stackoverflow.com"></iframe>
</body>
</html>

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

— শায়ক রসুল
সূত্র

7

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

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

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

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

— পূর্বিক ধোরাজিয়া
সূত্র

2

Jquery সম্ভাব্য থেকে - এটি উইন্ডো এবং নথিতে স্রেফ load/ onloadইভেন্ট যুক্ত করছে। এটা দেখ:

উইন্ডো.অনলোড বনাম ডকুমেন্ট.অনলোড

— fantactuka
সূত্র

0

ডকুমেন্ট.ডিডি (জকিউয়ারি) ডকুমেন্ট.টিডিএমএল ডকুমেন্টটি সম্পত্তি লোড হওয়ার পরে ডেকে প্রস্তুত করবে এবং ডিওএম প্রস্তুত হবে।

ডোম: ডকুমেন্ট অবজেক্ট মডেল (ডিওএম) হ'ল এইচটিএমএল, এক্সএইচটিএমএল এবং এক্সএমএল নথিগুলিতে বস্তুর প্রতিনিধিত্ব ও ইন্টারঅ্যাক্ট করার জন্য একটি ক্রস-প্ল্যাটফর্ম এবং ভাষা-স্বাধীন কনভেনশন।

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

উইন্ডো.লোড (জাভাস্ক্রিপ্টেই অন্তর্নির্মিত) উইন্ডো.লোডটি পৃষ্ঠাটি সম্পূর্ণরূপে লোড হওয়ার জন্য অপেক্ষা করবে, এটিতে অভ্যন্তরীণ ফ্রেম, চিত্রগুলি অন্তর্ভুক্ত রয়েছে * পুরানো ব্রাউজারগুলিতে quirks (আই 6, আই 8, পুরাতন এফএফ এবং অপেরা সংস্করণ) তবে এগুলির মধ্যে সাধারণত কাজ করবে।

উইন্ডো.লোডটি এইভাবে শরীরের অনোলড ইভেন্টে ব্যবহার করা যেতে পারে (তবে আমি আপনাকে দৃ strongly়ভাবে পরামর্শ দেব যে আপনি এইচটিএমএলে এই জাতীয় কোড মিশ্রণ এড়ান, কারণ এটি পরে বিভ্রান্তির কারণ):

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

— অরুণ কুমার
সূত্র

0

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

document (ডকুমেন্ট) .ডিডি () নির্দেশ করে যে ডম লোড হয়ে গেলে এবং স্ক্রিপ্ট দ্বারা ম্যানিপুলেট করার জন্য প্রস্তুত হয়ে গেলে এতে কোড কার্যকর করা দরকার। এটি 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 (ডকুমেন্ট) .ডিডি () এর পরে লোড ফায়ার হয়েছে।

window (উইন্ডো)। লোডটি 1.8-এ অবমুক্ত করা হয়েছিল এবং jquery 3.0 এ সরানো হয়েছিল

— Srikrushna
সূত্র

0

আমি মনে করি $(window).loadইভেন্টটি JQuery 3.x দ্বারা সমর্থিত নয়

— user8816619
সূত্র

1

অনুযায়ী ডকুমেন্টেশন $ (উইন্ডো) .load ঘটনা JQuery 3.0 অপসারণ করা হয়েছে

— ম্যাথিউকে VIALES

1

এটা সঠিক। এটি ঘুরে দেখার জন্য, আপনি এটি "ইভেন্ট হ্যান্ডলার সংযুক্তি" হিসাবে ব্যবহার করতে পারেন: $ (উইন্ডো) .অন ("লোড", ফাংশন () {//। লোড () নামে ler) জন্য হ্যান্ডলার;});

— কিয়ান অমরাল

0

ডিওএম লেভেল ২ ইভেন্ট অনুসারে, loadইভেন্টটি চালানো হবে documentনা, চলবে বলে মনে করা হচ্ছে window। যাইহোক, পিছনের সামঞ্জস্যের জন্য সমস্ত ব্রাউজারে loadপ্রয়োগ করা windowহয়।

— জোন্স আগিয়েমং
সূত্র