Heim  >  Artikel  >  Web-Frontend  >  Was ist die Grundstruktur von Javascript?

Was ist die Grundstruktur von Javascript?

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-07-21 11:24:105693Durchsuche

Die Grundstruktur von JavaScript ist: 1. ECMAScript, alle Objekte in js werden von einem großen Objekt in ECMAScript abgeleitet. 2. DOM, Dokumentobjektmodell, ist der HTML-Baum. 3. BOM, Browserobjektmodell, Browser Der Hersteller kapselt die grundlegenden Informationen des Browsers im Stücklistenobjekt.

Was ist die Grundstruktur von Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

1. Die Javascript-Skriptsprache besteht aus drei Teilen: ECMAScript, dom, bom.

a). Alle Objekte werden von einem großen Objekt in ECMAScript abgeleitet. Da verschiedene Browser unterschiedliche Implementierungen von ECMAScript haben (basierend auf w3c), müssen die JS-Codes in verschiedenen Browsern auf dem Markt kompatibel sein.

b) DOM ist das Dokumentobjektmodell Mit dem DOM können Sie die Objekte der Knoten im DOM-Baum abrufen, sodass Sie HTML-Elemente bearbeiten können.

c) Informationen des Browsers im BOM-Objekt, wie z. B. die verschiedenen Breiten und Höhen des Fensters, Kern und andere Informationen

2. Ich persönlich denke, dass JavaScript hauptsächlich für statisches HTML und Benutzerinteraktion verwendet wird. Wie das Sprichwort sagt: HTML-Elemente verschieben. Zum Beispiel: Dom-Baumknoten hinzufügen und löschen, Ereignis-Listener zu HTML-Steuerelementen hinzufügen usw. Ich muss sagen, dass es auch Ajax gibt, eine asynchrone Anforderung, die durch ausgelöst wird js.

3. Die am häufigsten verwendeten Methoden des Fensterobjekts sind wahrscheinlich location (wird zum Springen von Seiten und Umleiten verwendet), Escape (Serie) zum Codieren des URL-Navigators (wird zum Abrufen grundlegender Browserinformationen verwendet), setTimeout-Timer, offsetWidthoffsetHeightclientWidth, usw. (Ermitteln der Fensterhöhe und -breite) finden Sie unter w3cschool. Die Date-Objektmethode lautet wie folgt:

getDate() gibt einen bestimmten Tag des Monats zurück (1 ~ 31). aus dem Date-Objekt.

getDay() gibt den Wochentag (0 ~ 6) aus dem Date-Objekt zurück.

getMonth() gibt den Monat (0 ~ 11) aus dem Date-Objekt zurück.

getFullYear() Gibt das Jahr als vierstellige Zahl aus einem Date-Objekt zurück.

getYear() Bitte verwenden Sie stattdessen die Methode getFullYear().

getHours() gibt die Stunden (0 ~ 23) des Date-Objekts zurück.

getMinutes() gibt die Minuten (0 ~ 59) des Date-Objekts zurück.

getSeconds() gibt die Sekunden (0 ~ 59) des Date-Objekts zurück.

getMilliseconds() gibt die Millisekunden (0 ~ 999) des Date-Objekts zurück.

getTime() gibt die Anzahl der Millisekunden seit dem 1. Januar 1970 zurück.

getTimezoneOffset() Gibt die Differenz in Minuten zwischen der Ortszeit und der Greenwich Mean Time (GMT) zurück.

getUTCDate() Gibt den Tag des Monats (1 ~ 31) aus einem Date-Objekt basierend auf der Weltzeit zurück.

getUTCDay() Gibt den Wochentag (0 ~ 6) aus einem Date-Objekt basierend auf der Weltzeit zurück.

getUTCMonth() gibt den Monat (0 ~ 11) aus dem Date-Objekt gemäß der Weltzeit zurück.

getUTCFulYear() Gibt das vierstellige Jahr aus einem Date-Objekt basierend auf der Weltzeit zurück.

getUTCHours() gibt die Stunde (0 ~ 23) eines Date-Objekts basierend auf der Weltzeit zurück.

getUTCMinutes() gibt die Minuten (0 ~ 59) eines Date-Objekts gemäß der Weltzeit zurück.

getUTCSeconds() gibt die Sekunden (0 ~ 59) eines Date-Objekts gemäß der Weltzeit zurück.

getUTCMilliseconds() gibt die Millisekunden (0 ~ 999) des Date-Objekts gemäß der Weltzeit zurück.

parse() gibt die Anzahl der Millisekunden von Mitternacht am 1. Januar 1970 bis zum angegebenen Datum (String) zurück.

setDate() legt den Tag des Monats (1 ~ 31) im Date-Objekt fest.

setMonth() legt den Monat (0 ~ 11) im Date-Objekt fest.

setFullYear() Legt das Jahr (vierstellig) im Date-Objekt fest.

setYear() Bitte verwenden Sie stattdessen die Methode setFullYear().

setHours() legt die Stunden (0 ~ 23) im Date-Objekt fest.

setMinutes() setzt die Minuten (0 ~ 59) im Date-Objekt.

setSeconds() legt die Sekunden (0 ~ 59) im Date-Objekt fest.

setMilliseconds() Setzt die Millisekunden (0 ~ 999) im Date-Objekt.

setTime() Setzt ein Date-Objekt in Millisekunden.

setUTCDate() Setzt den Tag des Monats (1 ~ 31) im Date-Objekt entsprechend der Weltzeit.

setUTCMonth() Setzt den Monat (0 ~ 11) im Date-Objekt entsprechend der Weltzeit.

setUTCFulYear() Setzt das Jahr (vierstellig) im Date-Objekt entsprechend der Weltzeit.

setUTCHours() Setzt die Stunde (0 ~ 23) im Date-Objekt entsprechend der Weltzeit.

setUTCMinutes() Setzt die Minuten (0 ~ 59) im Date-Objekt entsprechend der Weltzeit.

setUTCSeconds() Setzt die Sekunden im Date-Objekt (0 ~ 59) entsprechend der Weltzeit.

setUTCMilliseconds() Setzt die Millisekunden im Date-Objekt (0 ~ 999) entsprechend der Weltzeit.

toSource() gibt den Quellcode dieses Objekts zurück.

toString() Datumsobjekt in String konvertieren.

toTimeString() Konvertiert den Zeitteil des Date-Objekts in einen String.

toDateString() Konvertiert den Datumsteil des Date-Objekts in einen String.

toGMTString() Bitte verwenden Sie stattdessen die Methode toUTCString().

toUTCString() Konvertiert das Datumsobjekt entsprechend der Weltzeit in einen String.

toLocaleString() Konvertiert das Datumsobjekt entsprechend dem lokalen Zeitformat in einen String.

toLocaleTimeString() Konvertiert den Zeitteil des Date-Objekts entsprechend dem lokalen Zeitformat in einen String.

toLocaleDateString() Konvertiert den Datumsteil des Date-Objekts entsprechend dem lokalen Zeitformat in eine Zeichenfolge.

UTC() Gibt die Anzahl der Millisekunden vom 1. Januar 1970 bis zum angegebenen Datum gemäß Weltzeit zurück.

valueOf() gibt den ursprünglichen Wert des Date-Objekts zurück.

5. Der Unterschied zwischen der setTimeout()-Methode und der setInterval()-Methode: Warten Sie die angegebenen Millisekunden, bevor Sie die Callback-Funktion ausführen. Das heißt, sie wird einmal nach einer angegebenen Zeit ausgeführt Zeitverzögerung.

Natürlich ist es auch möglich, setTimeout in der Callback-Funktion festzulegen. Bei Animationen, die viel Speicher beanspruchen, wird im Allgemeinen der Loop-Callback von setTimeout verwendet setTimeout initiiert den nächsten setTimeout, wenn der Rückruf ausgeführt wird. Es ist egal, ob der Code in Ihrem Rückruf ausgeführt wurde. Dies führt zu Problemen wartet auf die Ausführung Ihrer Rückruffunktion bis zum angegebenen Zeitpunkt. Dies stellt sicher, dass Ihre Animation normal ausgeführt werden kann, auch wenn sie hängen bleibt Ihre Animation ist chaotisch.

setInterval: Alle Führen Sie die Rückruffunktion einmal zu jeder angegebenen Zeit aus. Diese Methode eignet sich zum wiederholten Ausführen der Rückruffunktion, die weniger Ressourcen beansprucht. Wenn Sie beispielsweise eine dynamische Uhr auf der Seite anzeigen, gibt es keine Sie müssen einen setTimeout-Schleifenaufruf durchführen.

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonWas ist die Grundstruktur von Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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