Różnica między oknem.Onload i $.gotowy
„„okno.Onload”I„ „$ (dokument).gotowy()”Służą do wykonywania kodu JavaScript, gdy strona kończy ładowanie, ale główną różnicą jest to, że wykonują i jak są używane. "okno.Onload ”czeka, aż wszystkie zasoby na stronie zakończą ładowanie, w tym obrazy i inne zasoby zewnętrzne, podczas gdy„ $ (dokument).gotowy () „czeka, aż DOM zostanie w pełni załadowany, ale nie czeka na zasoby zewnętrzne, takie jak obrazy, kończą ładowanie.
Ten post zdefiniuje różnicę/zmiany między „oknem.Onload ”i„ $ (dokument).gotowy()".
Różnica między „oknem.Onload ”i„ $ (dokument).gotowy()"
"okno.Onload" I "$ (dokument).gotowy()”Różni się w wykonywaniu kodu JavaScript, gdy strona kończy ładowanie. Poniżej znajdują się kluczowe odmiany między tymi dwoma:
| "okno.Onload ” | „$ (Dokument).gotowy()" |
| "okno.Onload ”to wbudowane zdarzenie JavaScript. | „$ (Dokument).Ready () ”jest specyficzny dla biblioteki jQuery. |
| Czeka, aż wszystkie zasoby strony skończą ładowanie. | Czeka, aż DOM zostanie w pełni załadowany, ale nie czeka na zasoby zewnętrzne. |
| Może powodować wolniejsze czasy ładowania strony, jeśli ładowanie są ładowane ciężkie zasoby. | Szybciej, ponieważ nie czeka na załadowanie wszystkich zasobów. |
| Można przypisać tylko jedną funkcję. | W kolejności można przypisać i wykonywać wiele funkcji. |
| Kompatybilny ze wszystkimi przeglądarkami. | Wymaga biblioteki jQuery. |
| Nie zalecane do dołączania słuchaczy zdarzeń, ponieważ może to powodować problemy z wydajnością. | Zalecane do dołączania słuchaczy zdarzeń do elementów DOM. |
Jak używać okna „.metoda onload () ”w JavaScript?
„„okno.onload ()”Metoda jest powszechnie stosowana w JavaScript do wykonywania akcji lub wykonywania kodu po zakończeniu ładowania strony.
Składnia
W przypadku okna JavaScript jest wykorzystywana następująca składnia.Metoda Onload ”:
okno.onload = function ()
// kod
;
Lub możesz go również użyć jako:
funkcja funcName ()
// kod
okno.onload = funcName ();
Przykład
Zadzwoń do okna „.zdarzenie onload ”z funkcją„Ładowanie()„Aby wyświetlić wiadomość alert () na stronie ładuj:
okno.onload = Funkcja ładowanie ()
alert („strona jest pomyślnie załadowana”);
;
Wyjście wskazuje, że funkcja w zdarzeniu Onload wyświetli się po stronie załadunku:
Jak używać „$ (dokument).Ready () ”funkcja w JavaScript?
"$ (dokument).gotowy()„Funkcja jest ważną częścią biblioteki jQuery. Wykonuje kod JavaScript, gdy tylko DOM zostanie przygotowany do manipulacji po załadowaniu dokumentu do przeglądarki.
Składnia
Użyj podanej składni dla funkcji gotowych ():
$ (dokument).gotowy (funkcja ()
// kod
);
Przykład
Za korzystanie z „$ (dokument).Ready () ”, najpierw dodaj bibliotekę jQuery w znaczniku:
Wywołaj funkcję Ready, aby wyświetlić komunikat ostrzegawczy, podczas gdy DOM jest gotowy do manipulowania:
$ (dokument).gotowy (funkcja ()
alert („strona jest pomyślnie załadowana”);
);
Wyjście
To wszystko o „oknie.Onload ”i„ $ (dokument).Ready () ”funkcja w JavaScript.
Wniosek
"okno.Onload”To JavaScript„wydarzenie" podczas "$ (dokument).gotowy()" jest "funkcjonować„Specyficzne dla biblioteki jQuery. Oba są używane do wykonywania kodu JavaScript, gdy strona kończy ładowanie. Kluczową rozróżnienie/zmienność między tymi dwoma jest to, że „okno.Onload ”czeka na załadowanie wszystkich zasobów na stronie, aby zakończyć ładowanie. Podczas gdy „$ (dokument).gotowy () „czeka, aż DOM zostanie w pełni załadowany, ale nie czeka na zasoby zewnętrzne. Ten post opisał różnicę między „oknem.Onload ”i„ $ (dokument).gotowy () ”w JavaScript i jego użycie z przykładami.