JavaScript – Fensterobjekt

JS-Fensterobjekt

Das JavaScript-Fensterobjekt ist die oberste Ebene der JavaScript-Objekthierarchie, die die Browserfensterschnittstelle darstellt, die Objekte wie Dokumente, Verlauf usw. enthält. Das Fensterobjekt wird auch als Browser Object Model (BOM) bezeichnet. Das Fensterobjekt unterstützt alle globalen Variablen, Funktionen und Variablen. Globale Variablen werden als Eigenschaften und globale Funktionen als Methoden des Fensterobjekts aufgerufen.

Das Fensterobjekt ermöglicht das Ausführen von Aufgaben wie dem Öffnen und Schließen eines Browserfensters, der Anzeige von Dialogfeldern wie Warndialogen und Eingabeaufforderungsdialogen sowie dem Einrichten einer Zeitüberschreitung für die Ausführung einer Aktion nach einer bestimmten Zeitspanne.

Wir können die Browserfenstergröße für Browser wie Internet Explorer, Chrome, Firefox, Opera mithilfe von zwei Typen bestimmen: window.innerHeight die die Innenhöhe des Fensters angibt und window.innerWidth Gibt die Innenbreite des Fensters an.

Eigenschaften

Im Folgenden sind die Eigenschaften des Window-Objekts aufgeführt:

  • geschlossen: Zeigt an, ob das Fenster geschlossen wurde oder nicht.
  • dokumentieren: Enthält Informationen zum Dokument.
  • defaultStatus: Gibt die Standardmeldung an, die in der Statusleiste des Fensters angezeigt wird.
  • innerHöhe: Gibt die Innenhöhe des Fensters an
  • innerWidth: Gibt die innere Breite des Fensters an
  • Name: Gibt den Namen des Fensterobjekts an.
  • Öffner: Gibt das Fenster des aufrufenden Dokuments an, das ein Referenzfenster enthält, das es geöffnet hat.
  • Elternteil: Ruft das übergeordnete Element des Fensters im Objekt ab.
  • Bildschirm: Gibt Auskunft über den Bildschirm, auf dem das Fenster angezeigt wird.
  • selbst: Gibt einen Verweis auf das aktuelle Fenster oder den aktuellen Frame.
  • Spitze: Es ruft das Fenster der obersten Ebene ab.

Methoden

Im Folgenden sind die Methoden des Window-Objekts aufgeführt:

  • Alarm: Es wird ein Warndialogfeld angezeigt, das eine von der Anwendung definierte Meldung enthält.
  • zurück: Gibt die vorherige URL im Verlauf an.
  • verwischen: Der Fokus wird vom Fenster entfernt.
  • klaresIntervall: Es storniert das Intervall, das mit der setInterval-Methode festgelegt wurde.
  • clearTimeout: Es bricht das Timeout ab, das durch die setTimeout-Methode festgelegt wurde.
  • schließen: Es schließt das angegebene Fenster.
  • bestätigen: Es wird ein Bestätigungsdialogfeld mit der angegebenen Meldung angezeigt.
  • Fokus: Es gibt dem Fenster den Fokus.
  • nach vorne: Der Browser wird zur nächsten URL verschoben.
  • moveBy: Die Bildschirmposition wird um die angegebenen x- und y-Werte verschoben.
  • ziehen nach: Es wird in die linke Ecke des Fensters an die angegebene x- und y-Position verschoben.
  • offen: Es öffnet sich ein neues Browserfenster.
  • drucken: Wird verwendet, um den Inhalt des Fensters zu drucken.
  • resizeBy: Die Größe des aktuellen Fensters wird durch Angabe von x- und y-Werten geändert.
  • resizeTo: Die Fenstergröße wird auf die angegebenen Werte für Breite und Höhe angepasst.
  • scrollBy: Das Fenster wird um die Anzahl der Pixel gescrollt.
  • scrollTo: Das Fenster wird auf den angegebenen x- und y-Versatz gescrollt.
  • setInterval: Der Ausdruck wird nach der angegebenen Anzahl von Millisekunden ausgewertet.
  • setTimeout: Der Ausdruck wird nach Ablauf der angegebenen Anzahl von Millisekunden ausgewertet.
  • stoppen: Der aktuelle Download wird gestoppt.

Beispiel

<!DOCTYPE html>
<head>
<meta charset="ISO-8859-1">
<title>Window Object</title>
<body>
	<script type="text/javascript">
		function newWindow() {
			winObj = window.open("http://www.google.com", "mywindow",
					"width=500,height=500");
		}
		function closeWindow() {
			winObj.close();

		}
	</script>
</head>

<form>
	<input type="button" value="Open Window" onclick="newWindow();" />
	<input type="button" value="Close Window" onclick="closeWindow();" />

</form>
</body>
</html>
  • Das Tag