wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

• ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

• der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

Answer 1

[Lezurex]

Wo kommt denn result überhaupt her? Ist das irgendwo in deinem Scope definiert?

Für das Laden der Seite kannst du das load-Event benutzen. Dies geht auf verschiedene Wege:

• Direkt in HTML mittels onload="deinefunktion()"
• Event-Listener mit element.addEventListener("load", () => { deineFunktion() }
• Event-Listener mit element.onload = () => { deineFunktion() }

Ich benutze meistens das Zweite. Direkt in HTML finde ich das ein wenig unschön.

Warum funktioniert jetzt aber dein Beispiel

window.onload = Funktion({{result}});

nicht?

Hier setzt du die Funktion, die beim Event aufgerufen wird, auf das Resultat, der deiner Funktion. Du müsstest hier aber nur die Funktionsreferenz angeben, sprich:

window.onload = Funktion;

Dann ist aber dein Resultat nicht mehr da. JavaScript setzt das erste Argument dann automatisch auf das Eventobjekt, worin ein paar Infos zum Event enthalten sind.

Um das also mit deinem result kompatibel zu machen, musst du dies wie folgt schreiben:

window.onload = () => { Funktion({{result}}) };

// oder wie ich es lieber mache
window.addEventListener("load", () => { Funktion({{result}}) };

Woher ich das weiß: Berufserfahrung – Informatiker Applikationsentwicklung