Fensterobjektmethoden | Erklärt
In diesem Artikel werden Fensterobjektmethoden in JavaScript diskutiert. Wir werden die Verwendung einiger nützlicher Fensterobjektmethoden wie Alert (), bestätigen (), prompt (), open () und setTimeout () demonstrieren. Darüber hinaus wird auch eine Liste anderer JavaScript -Fensterobjektmethoden mit ihrer Beschreibung bereitgestellt. So lass uns anfangen!
Fensterobjekt -alert () Methode in JavaScript
Die Methode für Fensterobjekte alert () wird zum Anzeigen eines Alarm -FeldOK" Taste.
Beispiel: Verwenden Sie die Methode der Fensterobjekte alert () in JavaScript
In diesem Beispiel werden wir zunächst eine definieren “Nachricht()”Funktion mit der“Alarm()Fensterobjektmethode in seinem Körper. Danach werden wir eine "hinzufügen"Klick michTaste ”und dann die“ anhängen “Nachricht()”Funktion zu seiner“ONCLICK" Fall:
Führen Sie das oben gegebene Programm in Ihrem bevorzugten Code-Editor oder einer Online-Codierungssandbox aus. Wir werden das JSBin jedoch für diesen Zweck verwenden:
Wenn wir nun auf die Schaltfläche hervorgehoben werden, wird ein Warnfeld mit der Nachricht angezeigtWir lernen Fensterobjektmethoden”:
Fensterobjekt bestätigen () Methode in JavaScript
In JavaScript wird die Methode für Bestätigung () Fensterobjekte verwendet, um ein Bestätigungsdialogfeld zu zeigen, das die hinzugefügte Zeichenfolge und zwei Schaltflächen enthält: “OK" Und "Stornieren”.
Beispiel: Verwenden von Fensterobjekte bestätigte () Methode in JavaScript
Im folgenden Beispiel werden wir eine hinzufügen “Nachricht()”Funktion. Der "Nachricht()Die Funktion wird mit der angegebenen Meldung die Fensterobjektmethode für Bestätigung () aufgerufen. Im Falle des Klickens auf “OK"Schaltfläche" Die Eingabeaufforderung zeigt das anJaString und für die “Stornieren"Schaltfläche", wird es angezeigt "NEIN”Auf der Eingabeaufforderung:
Beachten Sie, dass wir das Erstellte anhängen “Nachricht()”Funktion auf der“ONCLICK"Ereignis der"Aufzeichnung löschen" Taste:
Hier ist das "Aufzeichnung löschen" Taste; Wenn Sie darauf klicken, wird das Dialogfeld „Folgendes Bestätigen“ angezeigt:
Wir haben auf die "geklickt"OKSchaltfläche ”und die folgende Eingabeaufforderung wird im Browser angezeigt:
Beim Klicken “StornierenIn unserem JavaScript -Programm wird diese Eingabeaufforderung angezeigt:
Fensterobjekt Eingabeaufforderung () Methode in JavaScript
Wenn Sie nach einer Fensterobjektmethode suchen, die Sie bei der Eingabe des Benutzers über ein Dialogfeld unterstützen kann, können Sie die "verwenden"prompt()Methode in Ihrem JavaScript -Code. Der "prompt()Die Fensterobjektmethode bietet ein Textfeld und die angegebene Nachricht.
Beispiel: Verwenden Sie die Methode der Fensterobjekt -Eingabeaufforderung () in JavaScript
In unserem JavaScript -Programm haben wir eine hinzugefügt “Klick michSchaltfläche und auf der Seite "ONCLICK”Ereignis, wir werden die“ aufrufen “Zeige Info()”Funktion. Wenn der Körper des "Zeige Info()Die Funktion wird ausgeführt, sie wird eine Eingabeaufforderung angezeigt, in der Sie aufgefordert werden, Ihren Namen einzugeben. Anschließend wird der hinzugefügte Name in einem Warmbox angezeigt, wenn Sie auf die “klickenOKSchaltfläche der Eingabeaufforderung:
Hier bin ich eingegeben “Sharqa”Als Name und klickte dann auf die“OK" Taste:
Wie Sie sehen können, wird der eingegebene Name in einem anderen Alarmfeld angezeigt:
Fensterobjekt open () Methode in JavaScript
Das Fensterobjekt Open () wird verwendet, um den hinzugefügten Inhalt in einem neuen Browserfenster anzuzeigen.
Beispiel: Verwenden des Fensterobjekts Open () Methode in JavaScript
Wir haben einen Link in die “hinzugefügt“offen()Fensterobjektmethode im folgenden Beispiel. Nach dem angegebenen Code klicken wir auf die “, wenn wir auf die“ klicken “LinuxHint"Taste, die definierte"Verbindung öffnen()Die Funktion wird aufgerufen und verschiebt das Steuerelement in das neue Fenster. Das geöffnete Fenster zeigt den Inhalt des hinzugefügten Links an:
Klicken Sie auf die “LinuxHintDie Schaltfläche wird unsere LinuxHint -Website im neuen Fenster öffnen:
Fensterobjekt -SetTimeout () -Methode in JavaScript
Die SetTimeOut () -Fodellobjektmethode führt nach den hinzugefügten Millisekunden eine angegebene Aufgabe aus.
Beispiel: Fensterobjekt -SetTimeout () -Methode in JavaScript
Im folgenden Beispiel wird die SetTimeOut () -Methode aufgerufen, wenn wir auf auf “klickenKlick mich” . Taste. Dann danach "5Sekunden wird im Browserfenster ein Alarmbox angezeigt:
Hier ist die Alarmbox, die wir nach fünf Sekunden haben:
Andere Fensterobjektmethoden in JavaScript
Schauen Sie sich die Liste einiger anderer nützlicher Fensterobjektmethoden an:
| Fensterobjektmethode | Beschreibung |
|---|---|
| A nach B() | Das Fensterobjekt ATOB () -Methode wird zum Dekodieren einer base-64-codierten Zeichenfolge verwendet. |
| verwischen() | Das Fensterobjekt BluR () -Methode wird zum Umschalten des Fokus aus dem aktiven Fenster verwendet. |
| btoa () | Das Fensterobjekt BTOA () wird zur Codierung einer Zeichenfolge in Basis-64 verwendet. |
| ClearInterval () | Die Methode des Fensterobjekts ClearInterval () wird verwendet, um einen Timer -Set mit setInterval () -Methode zu entfernen. |
| Clearimeout () | Das Fensterobjekt ClearTimeOut () -Methode wird verwendet, um einen Timer mit Hilfe der SetTimeOut () -Methode zu entfernen. |
| schließen() | Das Fensterobjekt Close () -Methode wird zum Schließen des aktiven Fensters verwendet. |
| Fokus() | Die Fensterobjekt -Focus () -Methode wird verwendet, um den Fokus auf das aktive Fenster festzulegen. |
| GetComputedStyle () | Das Fensterobjekt GetComputedStyle () -Methode wird zum Abrufen der aktiven CSS -Stile verwendet, die auf ein HTML -Element angewendet werden. |
| GetSelection () | Das Fensterobjekt GetSelection () -Methode wird zum Anzeigen eines Auswahlobjekts verwendet, das den vom Benutzer ausgewählten Textbereich darstellt. |
| MatchMedia () | Das Fensterobjekt MatchMedIa () wird verwendet. |
| MoveBy () | Das Fensterobjekt MoveBy () -Methode wird verwendet, um das Fenster eines Browsers relativ zu seiner aktuellen Position zu verschieben. |
| ziehen nach() | Die Methode des Fensterobjekts moveTo () wird verwendet, um das Fenster des Browsers in die hinzugefügte Position zu verschieben. |
| drucken() | Die Methode für Fensterobjekte print () wird verwendet, um den Inhalt des aktiven Fensters zu drucken. |
| RequestAnimationFrame () | Die Methode für Fensterobjekte RequestAnimationFrame () wird verwendet. |
| Größenabschnitt () | Die Methode des Fensterobjekts RESIZEBY () wird zur Größe des aktuellen Fensters gemäß den hinzugefügten Pixeln verwendet. |
| resizeto () | Das Fensterobjekt resizeto () -Methode wird zur Größe des aktuellen Fensters in der angegebenen Höhe und Breite verwendet. |
| Scrollby () | Die Fensterobjekt -Scrollby () -Methode wird zum Scrollen des Dokuments gemäß der angegebenen Anzahl von Pixeln verwendet. |
| scrollto () | Das Fensterobjekt scrollto () wird zum Scrollen des Dokuments gemäß den angegebenen Koordinatenwerten verwendet. |
| stoppen() | Das Fensterobjekt Stopp () -Methode wird verwendet. |
Abschluss
Fensterobjektmethoden in JavaScript werden aufgerufen, um bestimmte Funktionen für das Fensterobjekt auszuführen, z. In diesem Artikel wurden Fensterobjektmethoden in JavaScript besprochen. Wir haben die Verwendung einiger nützlicher Fensterobjektmethoden wie Alert (), Bestätigung (), prompt (), open () und setTimeout () demonstriert, wie z. Darüber hinaus wird auch eine Liste anderer JavaScript -Fensterobjektmethoden mit Beschreibungen bereitgestellt.