Klassisches Beispiel für einen JavaScript-Funktionsaufruf1. Eingabefeld zur Bestimmung, ob es sich um ein Schaltjahr handelt 2. Zufallszahl zur Bestimmung, ob es ein Schaltjahr ist 3. Eingabefeld bestimmt, ob es sich um eine Primzahl handelt 4. Bestimmen Sie, ob eine Zufallszahl eine Primzahl ist 5. Kapseln Sie die Funktion, um festzustellen, ob das Datum gültig ist Überlegung: Zuerst verwenden wir die Methode zum Aufrufen von Funktionen und schreiben alle aufzurufenden Funktionen in den Ordner js, was beim Aufrufen bequemer ist. Es ist wichtig zu beachten, dass Sie nicht vergessen, js in HTML einzuführen. HTML Quelltext: <Text> <span>Ist es ein Schaltjahr?</span> <Eingabetyp="Text" id='inp1'> <br> <span>Ist es eine Primzahl?</span> <Eingabetyp="text" id="inp2"> <br> <!-- JS-Dateien extern importieren--> <script src="../js/tools_practice.js"></script> <Skript> //Rufen Sie die Objekterfassungsfunktion auf var oInp1 = get('inp1'); //Feststellen, ob es ein Schaltjahr ist var year = leap_year(2004); // Dem Eingabefeld einen Wert zuweisen, wenn (Jahr) { oInp1.value = 'Es ist ein Schaltjahr'; } anders{ oInp1.value = 'Kein Schaltjahr'; } //Rufen Sie eine Zufallszahl auf, um ein Jahr zu generieren und festzustellen, ob es ein Schaltjahr ist. var y = rand(1000, 2000); var res = Schaltjahr(j); wenn(res){ document.write('Zufallszahl' + y + 'ist ein Schaltjahr' + ' '); } anders{ document.write('Zufallszahl' + y + 'kein Schaltjahr' + ' '); } //Funktion aufrufen, um zugehörige Objekte abzurufen var oInp2 = get('inp2'); //Eingabefeld bestimmt, ob es eine Primzahl ist var n = isZhi(14); //Weisen Sie dem Primzahl-Eingabefeld einen Wert zu, wenn (n) { oInp2.value = 'ist eine Primzahl' } anders{ oInp2.value = 'Keine Primzahl' } //Rufen Sie eine Zufallszahl auf, um eine Zahl zu generieren und festzustellen, ob es sich um eine Primzahl handelt. var num = rand(0,1000); var res3 = isZhi(num); wenn(res3){ document.write('Zufallszahl' + num + 'ist eine Primzahl' + ' '); } anders{ document.write('Zufallszahl' + num + 'keine Primzahl' + ' '); } //Kapselungsfunktion um zu bestimmen, ob das Datum gültig ist var da = data(1233,1,32); wenn(da){ document.write('Rechtsgültiges Datum' + ' '); } anders{ document.write('Das Datum ist ungültig' + ' '); } </Skript> </body> js-Code:
//Funktion: Bestimmen, ob ein Jahr ein Schaltjahr ist//Parameter:
//Nummer
//Rückgabewert:
// Boolescher Wert
Funktion Schaltjahr(x) {
wenn (x % 4 === 0 && x % 100 !== 0 || x % 400 === 0) {
gibt true zurück;
}
gibt false zurück;
}
//Holen Sie sich das Objekt Funktion get(id) {
gibt document.getElementById(id) zurück;
}
//Funktion: Erzeugt eine zufällige Ganzzahl innerhalb eines bestimmten Bereichs //Parameter:
// min Zahlenbereich Minimalwert // max Zahlenbereich Maximalwert // Rückgabewert:
//Nummer
Funktion rand(min, max) {
gibt Math.round(Math.random() * (max - min) + min) zurück;
}
//Funktion: Bestimmen, ob eine Zahl eine Primzahl ist//Parameter:
//Nummer
//Rückgabewert:
// Boolescher Wert
Funktion istZhi(n) {
für (var i = 2; i < n; i++) {
wenn (n % i === 0) {
gibt false zurück;
}
}
gibt true zurück;
}
//Funktion: Feststellen, ob das Datum gültig ist//Parameter:
// y Zahl Jahr // m Zahl Monat // d Zahl Datum // Rückgabewert:
// Boolescher Wert
Funktion Daten(y, m, d) {
//Erst das Jahr bestimmen --> dann den Monat bestimmen --> dann das Datum bestimmen //Jahr bestimmen:
wenn (y >= 1000 && y <= 2000 && y % 1 === 0) {
//Beurteile den Monatwenn (m >= 1 && m <= 12 && m % 1 === 0) {
var maxTag;
wenn (m === 1 || m === 3 || m === 5 || m === 7 || m === 8 || m === 10 || m === 12) {
maxTag = 31;
}
sonst wenn (m === 4 || m === 6 || m === 9 || m === 11) {
maxTag = 30;
}
sonst wenn (m === 2) {
wenn (y % 4 === 0 und y % 100 != 0 || y % 400 === 0) {
maxTag = 29;
}
anders {
maxTag = 28;
}
}
//Beurteile das Datum if(d >= 1 && d <= maxDay && d % 1 === 0){
gibt true zurück;
}
}
}
gibt false zurück;
}
Definition und Aufrufmethode der JS-FunktionVier Methoden zum Aufrufen von JS-Funktionen: Methodenaufrufmodus, Funktionsaufrufmodus, Konstruktoraufrufmodus, Anwenden, Aufrufaufrufmodus 1. Methodenaufrufmodus: Definieren Sie zuerst ein Objekt, definieren Sie dann die Methode in den Eigenschaften des Objekts und führen Sie die Methode über myobject.property aus. Dies bezieht sich auf das aktuelle myobject-Objekt. var blogInfo={ Blog-ID: 123, Blogname: "werwr", Blog anzeigen: Funktion () {Alarm (this.blogId);} }; blogInfo.showBlog(); 2. Funktionsaufrufmodus Definieren Sie eine Funktion und legen Sie einen Variablennamen zum Speichern der Funktion fest. Dies zeigt derzeit auf das Fensterobjekt. var meinefunktion = funktion(a,b){ gib a+b zurück; } Alarm (myfunc (3,4)); 3. Konstruktor-Aufrufmodus Definieren Sie ein Funktionsobjekt, definieren Sie Eigenschaften im Objekt und definieren Sie Methoden in seinem Prototypobjekt. Bei Verwendung der Prototypmethode muss das Objekt instanziiert werden, bevor seine Methode aufgerufen werden kann. var meinefunc = funktion(a){ dies.a = a; }; meinefunc.prototype = { anzeigen:Funktion(){alert(this.a);} } var newfunc = neue myfunc("123123123"); newfunc.show(); 4.Anwenden, Anrufmodus var meinObjekt={}; var Summe = Funktion(a,b){ gib a+b zurück; }; var sum2 = sum.call(meinObjekt,10,30); //var sum2 = sum.apply(meinObjekt,[10,30]); Alarm(Summe2); ZusammenfassenDies ist das Ende dieses Artikels über JavaScript-Funktionsaufrufe. Weitere relevante JavaScript-Funktionsaufrufe finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Diskussion zur horizontalen und vertikalen Zentrierung von Elementen in HTML
>>: CSS Skills Collection – Klassiker unter den Klassikern
1. Effekt-HTML senden <div id="senden-btn...
Als ich kürzlich mit C# ein Webprogramm erstellte,...
Inhaltsverzeichnis Vorwort Problem: Kopieren groß...
Vorwort Dieser Artikel stellt hauptsächlich den r...
Inhaltsverzeichnis Kurze Einleitung 1. Überprüfen...
1. Um die Abfrage zu optimieren, sollten Sie voll...
Inhaltsverzeichnis Tutorial-Reihe 1. Einführung u...
Inhaltsverzeichnis 1. Einleitung 2. Über vue-simp...
<meta http-equiv="x-ua-kompatibel" co...
Ich werde nicht erklären, was CUDA ist, sondern d...
Inhaltsverzeichnis 1. Knoten, Bäume und virtuelle...
Code kopieren Der Code lautet wie folgt: <Obje...
——Anmerkungen aus „MySQL in einfachen Worten (zwe...
1. Mentale Reise Als ich kürzlich das Cockpit sch...
Wir diskutieren hier nicht über PHP-, JSP- oder ....