Aufruf der JavaScript-Funktion beim Laden der Seite
- JavaScript-Funktion, die Variablen als Parameter akzeptiert
- JavaScript-Aufruffunktion, die beim Laden Funktionen als Argument akzeptiert
Eine Funktion, die aufgerufen werden kann, wenn die Webseite geladen wird. Diese Konvention hängt vom Browser-Objekt window und seiner Eigenschaft onload ab. Der grundlegende Weg, um zu wissen, dass Ihre Funktion aufgerufen wird, besteht darin, das Konsolenfeld zu überprüfen.
Als anschauliches Beispiel betrachten wir eine HTML-Struktur, in der wir visualisieren möchten, wie unsere Ausgabe aussehen wird. Und jedes Mal, wenn wir die Webseite neu laden, reagiert das Konsolenfeld auf eine bestimmte Anweisung, die von der Eigenschaft window.onload geleitet wird.
JavaScript-Funktion, die Variablen als Parameter akzeptiert
Hier verwenden wir eine Funktion, die Variablen als Argumente akzeptiert. Daneben besteht der in jsbin experimentierte Codierungsantrieb darin, ein besseres Verständnis zu erlangen. Sie können in jedem Fall Ihren Browser und bevorzugten Editor verwenden.
Code-Auszug:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
</head>
<body onload = func()>
<p id="output"></p>
<script>
var x = 40;
var y = 2;
function func(x, y){
return x+y;
}
window.onload = function(){
console.log(func(x,y));
}
document.getElementById('output').innerHTML = func(x,y);
</script>
</body>
</html>
Ausgabe:
In diesem Fall wurde der Skriptteil in den HTML-Text eingefügt, und wie Sie sehen können, hat die Konsole bei jedem Laden der Webseite einen Wert, der erklärt, dass der Gesamtcode funktioniert.
Darüber hinaus besteht der grundlegende Anwendungsfall für window.onload darin, sicherzustellen, dass die Seite jedes Mal erfolgreich geladen wird. Es funktioniert höchstwahrscheinlich als Parameter, um einen fehlerfreien Codeblock in Ihrem HTML sicherzustellen. Sie können es also überall nach Belieben verwenden.
JavaScript-Aufruffunktion, die beim Laden Funktionen als Argument akzeptiert
In den folgenden Beispielen wird die Funktion der Eigenschaft window.onload anders erklärt. Wir verwenden einen HTML-Code-Abschnitt und einen einzelnen JavaScript-Code-Abschnitt. Die Parameter unserer Funktion sind einige andere Funktionen.
Code-Auszug:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
<style>
p{
background: white;
}
</style>
</head>
<body onload = func()>
<p id="output"></p>
</body>
</html>
function f1() {
return '4';
}
function f2() {
return '2';
}
function func(f1, f2) {
return f1() + f2();
}
window.onload =
function() {
console.log(func(f1, f2));
}
document.getElementById('output')
.innerHTML = func(f1, f2);
Ausgabe:
Aus dem Ausgabeszenario ergibt sich beim Drücken von Run with JS eine ähnliche Erfahrung beim Laden einer Webseite. Der Code enthält keinen Fehler, und das ist die Schlussfolgerung, die wir aus dem Aufruf einer Funktion bei jedem Seitenladevorgang ableiten können.
