Wat is het verschil tussen $(window).load(function() {})
en $(document).ready(function() {})
IN jQuery?
Antwoord 1, Autoriteit 100%
document.ready
is een jQuery-evenement, het loopt wanneer de DOM klaar is, b.v. Alle elementen zijn er te vinden / gebruikt, maar niet noodzakelijk alle -inhoud .window.onload
Branden later (of tegelijkertijd in de ergste / falende gevallen) wanneer afbeeldingen en dergelijke zijn geladen, dus als u afbeeldingsdimensies gebruikt U wilt bijvoorbeeld dit bijvoorbeeld vaak gebruiken.
Antwoord 2, Autoriteit 28%
$(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");
});
Antwoord 3, Autoriteit 10%
De $(window).load()
is niet beschikbaar in JQuery 3.0
$( window ).load(function() {
// Handler for .load() called.
});
Om er omheen te komen, kunt u het gebruiken als een “Event Handler Bijlage”
$( window ).on("load", function() {
// Handler for .load() called.
});
Antwoord 4, Autoriteit 6%
Het verschil is:
$(document).ready(function() {
is jQuery-evenement die is afgevuurd wanneer DOM is geladen, dus het is ontslagen wanneer de documentstructuur klaar is.
De gebeurtenis
$(window).load()
wordt geactiveerd nadat de hele inhoud is geladen.
Antwoord 5, autoriteit 3%
<html>
<head>
<script src="https://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="https://stackoverflow.com"></iframe>
</body>
</html>
window.load wordt geactiveerd nadat alle iframe-inhoud is geladen
Antwoord 6, autoriteit 2%
$(document).ready
gebeurt wanneer alle elementen aanwezig zijn in de DOM, maar niet noodzakelijkerwijs alle inhoud.
$(document).ready(function() {
alert("document is ready");
});
window.onload
of $(window).load()
gebeurt nadat alle inhoudsbronnen (afbeeldingen, enz.) zijn geladen.
$(window).load(function() {
alert("window is loaded");
});
Antwoord 7
Vanuit jQuery prospectief – het is gewoon het toevoegen van de gebeurtenis load
/onload
aan venster en document.
Bekijk dit eens:
window.onload vs document.onload
Antwoord 8
document.ready (jQuery)
document.ready wordt uitgevoerd direct nadat het HTML-document is geladen en de DOM gereed is.
DOM: Het Document Object Model (DOM) is een platformonafhankelijke en taalonafhankelijke conventie voor het weergeven van en interactie met objecten in HTML-, XHTML- en XML-documenten.
$(document).ready(function()
{
// executes when HTML-Document is loaded and DOM is ready
alert("(document).ready was called - document is ready!");
});
window.load (ingebouwd JavaScript)
De window.load zal echter wachten tot de pagina volledig is geladen, dit:
inclusief binnenframes, afbeeldingen etc.
* window.load is een ingebouwde JavaScript-methode, het is bekend dat het wat eigenaardigheden heeft in oude browsers (IE6, IE8, oude FF- en Opera-versies), maar zal over het algemeen in alle werken.
window.load kan op deze manier worden gebruikt in de onload-gebeurtenis van de body (maar ik raad u ten zeerste aan om dergelijke code niet in de HTML te mengen, omdat dit later een bron van verwarring kan zijn):
$(window).load(function()
{
// executes when complete page is fully loaded, including all frames, objects and images
alert("(window).load was called - window is loaded!");
});
Antwoord 9
$(window).loadis een gebeurtenis die wordt geactiveerd wanneer de DOM en alle inhoud (alles) op de pagina volledig is geladen, zoals CSS, afbeeldingen en frames. Een goed voorbeeld is of we de werkelijke afbeeldingsgrootte willen krijgen of de details willen zien van alles wat we gebruiken.
$(document).ready()geeft aan dat de code erin moet worden uitgevoerd zodra de DOM is geladen en klaar is om door een script te worden gemanipuleerd. Het zal niet wachten tot de afbeeldingen zijn geladen om het jQuery-script uit te voeren.
<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>
$ (venster). Laad afgevuurd na de $ (Document). READIG ().
$ (venster). load werd afgeschreven in 1,8 en verwijderd in jQuery 3.0
Antwoord 10
Ik denk dat de $(window).load
EVENT wordt niet ondersteund door jQuery 3.x
Antwoord 11
Volgens Dom Level 2-evenementen, wordt de load
MENTE MEESTELD op document
, niet op window
. load
is geïmplementeerd op window
in alle browsers voor achterwaartse compatibiliteit.