Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist eine Stückliste in JavaScript? Einführung in Stücklistenobjekte

青灯夜游
Freigeben: 2018-10-08 09:46:45
Original
6119 Leute haben es durchsucht

In diesem Kapitel erfahren Sie, was Stückliste in JavaScript ist. Einführung in Stücklistenobjekte, damit jeder versteht, was Stückliste in js bedeutet und wie JavaScript Stücklistenobjekte bedient. Es hat einen bestimmten Referenzwert, und den gibt es Freunde in Not können darauf verweisen, ich hoffe, es wird Ihnen hilfreich sein.

1. Was ist BOM?

BOM (Browser Object Model) ist das Browserobjektmodell.
BOM stellt Objekte bereit, die unabhängig vom Inhalt mit dem Browserfenster interagieren.
Da hauptsächlich BOM verwendet wird Es wird verwendet, um die Kommunikation zwischen Fenstern zu verwalten, daher ist sein Kernobjekt das Fenster.
Die Stückliste besteht aus einer Reihe verwandter Objekte, und jedes Objekt besteht aus einer Reihe verwandter Objekte Objekte stellen viele Methoden und Attribute bereit; für BOM fehlen Standards. Die Standardisierungsorganisation für JavaScript-Syntax ist ECMA und die Standardisierungsorganisation für DOM Ja, W3C, BOM war ursprünglich Teil des Netscape-Browserstandards.

2. Stücklistenobjekt

1. Aktuelles Browserformular

Das Fenster Das Objekt ist das Objekt der obersten Ebene in js. Alle im globalen Bereich definierten Variablen und Funktionen werden zu Eigenschaften und Methoden des Fensterobjekts, die beim Aufruf verwendet werden können. Fenster weglassen.

Attribute:

Status: Statusleiste (derzeit von Browsern veraltet)

Öffner: Wer öffnet meinen, wenn offenes B in A verwendet wird, dann ist B Der Öffner ist A


geschlossen: Bestimmen Sie, ob das Unterformular geschlossen ist


Methode:


Alert()-Popup-Feld

bestätigen() mit Bestätigung, brechen Sie das Popup-Fenster ab


setInterval() wird alle paar Sekunden aufgerufen


clearInterval() clear setInterval


setTimeout() Wie viele Sekunden soll aufgerufen werden


cleartimeout() SetTimeout löschen


open() Ein neues Fenster öffnen


Beispiel:

 window.open

("other.html"," _blank","width=200,height=300,top=300");
Nach dem Login kopieren

Konsole: Am häufigsten wird der Browser-Konsolendruck console.log() verwendet

2. Unterobjekt

Unterobjekt Haupteinführung : Standort, Verlauf, Bildschirm.

1), Positionssprungposition


<meta http-equiv="refresh" content="3; url =http://www.hteis.cn";>      //不加url指3秒刷新

一次,加url指3秒跳转
window.location.href="popl.html";
location = pop.html
location.replace("pop.html")

 //浏览器不可以后退
Nach dem Login kopieren

2), Verlaufsverlauf


history.back() == History.go(-1 ) //Zurück zur vorherigen Seite

history.go(-2) //Die negative Zahl der Parameter in Klammern soll zu den vorherigen Schritten zurückkehren

Beispiel:

<a href="javascript:history.back()">返回上一页

</a>
<a href="javascript:history.go(-2)">第一页</a>
Nach dem Login kopieren

3), Bildschirm screen


screen.availHeight: die tatsächliche Höhe des Bildschirms

screen.availWidth: die tatsächliche Breite des Bildschirms

screen .height: die Bildschirmhöhe

screen.width: Bildschirmbreite

Beispiel:

console.log("屏幕实际高度"+screen.availHeight);
console.log("屏幕实际宽度"+screen.availWidth);
console.log("屏幕高度"+screen.height);
console.log("屏幕宽度"+screen.width);
Nach dem Login kopieren

3. Der Unterschied zwischen DOM und BOM

1. DOM

Der vollständige Name lautet Document Object Model, also das Dokumentobjektmodell. Ist eine baumbasierte API für XML. Beschreibt die Methoden und Schnittstellen zur Verarbeitung von Webinhalten Mit der HTML- und XML-API plant DOM die gesamte Seite in einem Dokument, das aus Knotenebenen besteht. DOM für XHTML und HTML. Dieses DOM definiert ein HTMLDocument und ein HTMLElement als this Die Grundlage für diese Implementierung besteht darin, dass wir uns diesen HTML-Code ansehen, um den Inhalt dieses HTML programmgesteuert zu manipulieren (z. B. das Hinzufügen bestimmter Elemente, das Ändern des Inhalts von Elementen, das Löschen bestimmter Elemente). Erstellen Sie einen Objektbaum (DOM-Baum), sich selbst und alles darin, wie zum Beispiel:

Diese Tags werden als Objekt betrachtet, jedes Objekt wird als Knoten (Knoten) bezeichnet und der Knoten kann als alles verstanden werden Objekte im DOM Die übergeordnete Klasse von Object.

Was ist eine Stückliste in JavaScript? Einführung in Stücklistenobjekte

Wofür wird DOM verwendet? Es geht darum, Elemente in HTML zu bedienen. Wenn wir beispielsweise den Titel dieser Webseite über JS ändern möchten, gehen Sie einfach wie folgt vor:

document.title = ‘how to make love’;
Diese API ermöglicht es, den Inhalt einer Webseite zu ändern, nachdem sie in den Browser heruntergeladen wurde.

2. BOM

BOM ist das Browser-Objektmodell.

Ich habe gerade gesagt, dass das DOM eine Schnittstelle ist, die scheinbar Dokumente bedient, und das BOM, wie der Name schon sagt, tatsächlich eine Schnittstelle ist, die scheinbar das Verhalten des Browsers steuert.

Was kann der Browser? Um beispielsweise zu einer anderen Seite zu springen, vorwärts, rückwärts usw. zu gehen, muss das Programm möglicherweise auch Parameter wie die Größe des Bildschirms abrufen.

BOM ist also die Schnittstelle, die diese Probleme zu lösen scheint. Wenn wir beispielsweise möchten, dass der Browser zu einer anderen Seite springt, benötigen wir nur

location.href = "http://www.xxxx.com";

Dieser Standort ist ein Objekt in der Stückliste.

4. Zusammenfassung

In diesem Kapitel haben wir etwas über einige Objekte gelernt, die mit dem Browserfenster interagieren, wie zum Beispiel das Fensterobjekt, das den Browser verschieben und seine Größe ändern kann kann zur Navigationslokalisierung verwendet werden Objekt und Verlaufsobjekt, das Bildschirmobjekt, das Browser-, Betriebssystem- und Benutzerbildschirminformationen abrufen kann. Sie können das Dokument als Eingang für den Zugriff auf HTML-Dokumente verwenden und die Frames des Frames verwalten Gegenstände usw.

Das obige ist der detaillierte Inhalt vonWas ist eine Stückliste in JavaScript? Einführung in Stücklistenobjekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!