Tradycyjnie, aby wywołać funkcję JavaScript po załadowaniu strony, należy dodać onload
atrybut do treści zawierający trochę kodu JavaScript (zwykle tylko wywoływanie funkcji)
<body onload="foo()">
Po załadowaniu strony chcę uruchomić kod JavaScript, aby dynamicznie zapełnić części strony danymi z serwera. Nie mogę użyć onload
atrybutu, ponieważ używam fragmentów JSP, które nie mają body
elementu, do którego mogę dodać atrybut.
Czy istnieje inny sposób wywołania funkcji JavaScript podczas ładowania? Wolałbym nie używać jQuery, ponieważ nie znam go zbyt dobrze.
javascript
onload
palAlaa
źródło
źródło
Odpowiedzi:
Jeśli chcesz, aby metoda onload pobierała parametry, możesz zrobić coś podobnego do tego:
Wiąże on onload z anonimową funkcją, która po wywołaniu uruchomi żądaną funkcję, bez względu na podane parametry. I oczywiście możesz uruchomić więcej niż jedną funkcję z wnętrza funkcji anonimowej.
źródło
Innym sposobem na to jest użycie detektorów zdarzeń, tutaj sposób ich użycia:
Wyjaśnienie:
DOMContentLoaded Oznacza to, że gdy obiekty DOM dokumentu zostaną w pełni załadowane i wyświetlone przez JavaScript, może to być również „kliknięcie”, „fokus” ...
function () Funkcja anonimowa zostanie wywołana, gdy nastąpi zdarzenie.
źródło
Twoje pierwotne pytanie było niejasne, przy założeniu, że edycja / interpretacja Kevina jest poprawna, to ta pierwsza opcja nie ma zastosowania
Typowe opcje to użycie
onload
zdarzenia:Możesz także umieścić javascript na samym końcu ciała; nie rozpocznie się, dopóki dokument nie zostanie ukończony.
Inną opcją jest rozważenie użycia frameworka JS, który sam w sobie robi:
źródło
javascript:
Wonload
to niepotrzebne, choć nie szkodliwe.<script type="text/javascript">LoadResult();</script>
dajeUncaught ReferenceError: LoadResult is not defined
Lub z jQuery, jeśli chcesz:
Jeśli chcesz wywołać więcej niż jedną funkcję przy ładowaniu strony, zapoznaj się z tym artykułem, aby uzyskać więcej informacji:
źródło
źródło
Musisz wywołać funkcję, którą chcesz wywołać przy ładowaniu (tj. Ładowaniu dokumentu / strony). Na przykład funkcja, którą chcesz załadować, gdy ładowanie dokumentu lub strony nazywa się „twojaFunkcja”. Można tego dokonać, wywołując funkcję zdarzenia ładowania dokumentu. Aby uzyskać więcej informacji, zobacz poniższy kod.
Wypróbuj poniższy kod:
źródło
źródło
Do wykrywania załadowanego html (z serwera) wstawionego do DOM
MutationObserver
lub wykrycia momentu w funkcji loadContent, gdy dane są gotowe do użyciaPokaż fragment kodu
źródło