Wir wissen, dass das Browser -Objektmodell (BOM) eine der Komponenten von JavaScript ist, das Objekte bereitstellt, die unabhängig vom Inhalt mit dem Browserfenster interagieren. Seine hierarchische Struktur ist wie folgt:
Das Fensterobjekt ist der Kern der gesamten BOM, die Dokument (Dokumentobjekt), Ort (Adressobjekt) und Geschichte (Zusammensetzung historischer Objekte) enthält.
Syntax zum Aufrufen von Objekteigenschaften:
1. Objekt. Attribut name = "Attributwert";
2. Objekt ["Attributname String"] = "Attributwert";
Syntax zum Aufrufen von Objektmethoden:
1. Der Methodame des Objekts ();
2. Object ["Methodenname String"] ();
Gemeinsame Methoden von Fensterobjekten
Gemeinsame Methoden von Fensterobjekten
| Name | veranschaulichen |
| prompt() | Zeigt ein Dialogfeld an, in dem der Benutzer eingeht, um einzugeben |
| Alarm() | Zeigt einen Warndialog mit einer großen Eingabeaufforderung und einer OK -Taste an |
| bestätigen() | Zeigen Sie ein Dialogfeld mit einer Eingabeaufforderung Meldung an, "OK" und "Abbrechen" -Tasten |
| schließen() | Schließen Sie das Browserfenster |
| offen() | Öffnen Sie ein neues Browserfenster, um das von der angegebene URL angegebene Dokument zu laden |
| setTimeout () | Rufen Sie eine Funktion auf oder berechnen Sie einen Ausdruck nach Angabe einer Reihe von Millisekunden |
| setInterval () | Rufen Sie eine Funktion auf oder berechnen Sie einen Ausdruck gemäß dem angegebenen Zeitraum (in Millisekunden aufgezeichnet) |
Feature -Eigenschaften des Fensters
| Name | veranschaulichen |
| Höhe, Breite | Höhe und Breite (in Pixeln aufgezeichnet) |
| links, oben | Die X- und Y -Koordinaten des Fensters sind in Pixel aufgezeichnet |
| Symbolleiste | Ob die Symbolleiste des Browsers angezeigt werden |
| Scrollbars | Ob Sie Scrollbars anzeigen möchten |
| Standort | Ob die Adressleiste angezeigt werden soll |
| Status | Ob eine Statusleiste hinzugefügt werden soll |
| Menubar | Ob die Menüleiste angezeigt werden soll |
| Setzbar | Ist das Fenster in der Größe einstellbar |
| Titelleiste | Ob die Titelleiste angezeigt werden soll |
| Vollbild | Ob Sie den Vollbildmodus verwenden, um den Browser anzuzeigen |
Gemeinsame Ereignisse für Fensterobjekte
| Name | veranschaulichen |
| Onload | Eine Seite oder ein Bild wird geladen |
| Onmouseover | Bewegen Sie den Mauszeiger über ein Element |
| ONCLICK | Klicken Sie mit der Maus auf ein Objekt |
| Onkeydown | Eine Tastaturtaste wird gedrückt |
| aufchange | Der Inhalt der Domäne wurde geändert |
Benutzerdefinierte Objektdeklaration
Der erste Weg zu erklären:
<script type = "text/javaScript"> Funktion paly () {var p = new Object (); // Erstellen Sie ein Objekt Objekt, um den Speicherraum zu öffnen // Attribute für Objekt p.age = 1; P.Name = "JavaScript"; // Methode für das Objekt p p.sayhi = function () {document.write ("Hallo allerseits! Ich bin" + P.Name + "Ich bin dieses Jahr" + P.age + "Jahr alte"); } // Objekt P zurückgeben p; } // Instanzen von benutzerdefiniertem Objekt erstellen var js = paly (); // Methode des Objekts aufrufen js.sayhi (); // das Attributdokument des Objekts aufrufen. Write (Js.Name); </script>Effekt Screenshot:
Die zweite Methode:
<script type = "text/javaScript"> Funktion paly () {// Definieren Sie die Attribute für das Objekt this.age = 1; this.name = "javaScript"; // die Methode für das Objekt definieren. }} // Erstellen Sie eine Instanz eines benutzerdefinierten Objekts var js = new paly (); // die Methode des Objekts aufrufen JSAYHI (); // die Attribute des Objektdokuments aufrufen. Write (Js.Name); </script>Effekt Screenshot:
Durchqueren der Objekteigenschaften
<script type = "text/javaScript"> Funktion paly () {// Definieren Sie die Attribute für das Objekt this.age = 1; this.name = "javaScript"; // die Methode für das Objekt definieren. }} // Erstellen Sie eine Instanz eines benutzerdefinierten Objekts var js = new paly (); // Ruhe die Attribute des Objekts für (var par in js) {document.write ("js."+Par+"="+js [par]); } </script>Effekt Screenshot:
Schnelle Struktur
<script type = "text/javaScript"> Funktion paly () {// Attribute für das Objekt this.age = 1; this.name = "javaScript"; // Methode für das Objekt definieren. }} // Erstellen Sie eine Instanz eines benutzerdefinierten Objekts var js = new paly (); // Die Methoden oder Attribute im Strukturblock werden standardmäßig zu den Attributen oder Methoden des (JS) Objekts in Klammern ausgewiesen, wenn das Objekt nicht angegeben ist. {Sayhi (); document.write ("<br/>"+älter); } </script>Effekt Screenshot:
Die obige Zusammenfassung der verwandten Operationen von JavaScript -Objekten ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.