Das Browser-Objektmodell (BOM) in JavaScript verstehen

Blog

Das Browser-Objektmodell (BOM) in JavaScript verstehen

In diesem Beitrag erfahren wir mehr über BOM in JavaScript.

Was ist Stückliste?

Browser Object Model (BOM) bezieht sich auf das Browser-Objektmodell in JavaScript. BOM wird auf dem Windows-Bildschirm verwendet und kommuniziert mit dem Browser. BOM bezieht sich auf Windows-Objekte in JavaScript. Moderne Browser haben dieselben Methoden und Eigenschaften für JavaScript-Interaktionen implementiert, die oft als Methoden und Eigenschaften von BOM bezeichnet werden. Ein Fensterobjekt wird automatisch vom Browser erstellt.

Verschiedene Arten von Stücklisten (Browser Object Model)

  • Windows-Objekt
  • Navigator-Objekt
  • Standortobjekt
  • Bildschirmobjekt
  • Speicherobjekt

Die Windows-Objekte

Das Window-Objekt repräsentiert das Fenster des Browsers. Alle globalen JavaScript-Objekte sind Mitglieder des Window-Objekts. Das Fensterobjekt hat einige Methoden und Eigenschaften,

Methoden in Windows-Objekten

Eigenschaften in Windows-Objekten

Beispiel für Windows-Objektmethoden

Wir können das Beispiel für alle Methoden sehen, eine nach der anderen werde ich sie erklären.

Die Methode alert()

Diese Methode wird verwendet, um dem Benutzer eine Warnmeldung anzuzeigen. Es zeigt das Warnfeld mit einer Meldung mit der Schaltfläche OK an, um fortzufahren. Die Methode alert() verwendet einen einzelnen Parameter, den Text, der im Popup-Fenster angezeigt wird.

Beispiel

Versuch es selber:

Alert Method

BOM Windows alert () method

function atl() { alert('Welcome to C-sharp Cornner'); //alert method }

Ausgabe

reagieren vs. eckig 2020

Das ist der Bildtitel

Die Methode zur Bestätigung ()

Diese Methode wird verwendet, um dem Benutzer eine Warnmeldung anzuzeigen und etwas zu überprüfen oder zu akzeptieren. Es zeigt das Warnfeld mit einer Nachricht mit zwei Schaltflächen an, OK und Abbrechen, um fortzufahren. Wenn der Benutzer auf OK klickt, gibt das Feld true zurück. Wenn der Benutzer auf Abbrechen klickt, ist das Feld ungültig.

Beispiel

Versuch es selber:

Confirm Message

BOM windows objectconfirm () method

function msg(){ var confm= confirm('Are u sure?'); //confirmation if(v==true) { alert('ok'); } else { alert('cancel'); } }

Ausgabe

Das ist der Bildtitel

Die Prompt()-Methode

Das Feld in einer Zeile wird häufig verwendet, um Benutzereingaben vor dem Betreten einer Seite auszuwerten. Wenn die Instant Box angezeigt wird, muss der Benutzer auf OK oder Abbrechen klicken, um den Eingabewert einzugeben und fortzufahren. Es hat ein Nachrichten- und Textfeld. Wenn der Benutzer auf OK klickt, gibt das Feld den Eingabewert zurück. Wenn der Benutzer auf Abbrechen klickt, wird null zurückgegeben.

Beispiel

Versuch es selber:

Prompt

BOM windows Object Prompt () Method

function pmpt() { var input= prompt('Who are you?');// input box alert('I am '+input); }

Ausgabe

Das ist der Bildtitel

Geben Sie anschließend einen Namen ein und das Dialogfeld wird angezeigt.

Das ist der Bildtitel

Die offene () Methode

Dadurch wird der Inhalt in einer neuen Registerkarte oder einem neuen Fenster angezeigt. Klicken Sie im folgenden Beispiel auf die Schaltfläche und das neue Fenster wird umgeleitet.

Beispiel

Versuch es selber:

BOM Open () Method

Open () Method

function msg() { open('https:www.c-sharpcorner.com'); //open the link next window }

Ausgabe

Cash-App-Login mit Cashtag

Das ist der Bildtitel

Das ist der Bildtitel

Die setTimeout()-Methode

Diese Methode führt die Aktion nach den angegebenen Millisekunden aus, wie Aufrufen von Funktionen, Auswerten von Ausdrücken usw.

Beispiel

Versuch es selber:

Windows Methods

Windows Objects SetTimeout() Methods

function msg() { setTimeout( function() { alert('Welcome to C-sharp corner after 2 seconds') },2000); }

Ausgabe

Das ist der Bildtitel

Wir können das Beispiel von Eigenschaften sehen, nacheinander werde ich sie erklären:

Beispiel für Eigenschaften von Windows-Objekten

Die innere Höhe und innere Breite

Die Eigenschaften des Windows-Objekts geben die Höhe und Breite des Browserinhalts zurück. Wir können die Höhe und Breite nicht ändern, da diese Eigenschaften schreibgeschützt sind.

Syntax

windows.innerHeight windows.innerWidth

Beispiel

Versuch es selber,

BOM property

Browser Object Model (BOM) properties

function prpt() { document.write('The innerHeight is :'+window.innerHeight+'
'); //inner height document.write('The innerWidth is :'+window.innerWidth); // inner width }

Ausgabe

Das ist der Bildtitel

Das ist der Bildtitel

Die Namenseigenschaft

Die name-Eigenschaft gibt den Namen der Fenster zurück. Diese Eigenschaft wird häufig verwendet, um den Namen des Fensters zu ändern, nachdem das Fenster erstellt wurde.

Beispiel

BOM property

Browser Object Model (BOM) name properties

function prt() { window.name = 'c-sharp corner'; document.write('The Name is :'+window.name); //windows name }

Ausgabe

Das ist der Bildtitel

Das ist der Bildtitel

Zusammenfassung

In diesem Artikel haben wir die Methoden und Eigenschaften von Stücklistenfensterobjekten kennengelernt.

Wo man Grenzmünzen kaufen kann

Danke fürs Lesen!

#javascript #tutorial #programmierung