Zusammenfassung und Austausch der grundlegenden Wissenspunkte von js

Dieser Artikel enthält hauptsächlich eine Zusammenfassung der grundlegenden JS-Wissenspunkte und hofft, allen zu helfen.

So schreiben Sie Ihren JS-Code auf einer Website oder Seite:
1.js-Layering (Funktion): jquery (Tool) Komponente (UI) Anwendung (App), MVC (BackboneJs)
2.js-Planung (): Vermeiden Sie globale Variablen und Methoden (Namespace, Abschluss, objektorientiert), Modularisierung (seaJs, requireJs)

Häufig verwendete interne Klassen: Data Array Math String

HTML Attribute, CSS-Attribute
HTML: attribute.HTML attribute="value";
CSS: object.style.CSS attribute="value";

class und float
1.class: className
2.float:cssFloat

Objekt abrufen
id:document.getElementById("id name")

Ereignis: Benutzeraktion
Mausereignisse:
onclick: klicken
onmouseover: Maus hoch
onmouseout: Maus weg
ondbclick: Doppelklick-Ereignis
onmousedown: Maus runter
onmouseup: Maus hoch
onmousemove Mausbewegung
Formular Ereignisse:
onfocus: Fokus erhalten
onblur: Fokus verlieren
onsubmit: Ereignis senden
onchange: Wenn Änderungen auftreten
onreset: Ereignis zurücksetzen
Tastaturereignisse:
onkeyup: Tastatur ausgelöst
onkeydown: Tastatur gedrückt
onkeypress: Tastaturtaste einmal gedrückt
Fensterzeit: Onload-Ereignis
Ereignis wird sofort ausgeführt, nachdem die Seite geladen wurde
Zwei Möglichkeiten:
1.
2.
Ereignis: Relevant speichern Informationen, wenn das Ereignis auftritt
Wenn das Ereignis auftritt, Ereignis
event.clientX: Die X-Koordinate, wenn das Ereignis auftritt
event.clientY :Y-Koordinate, wenn das Ereignis auftritt
event.target:Ereignisquelle
Ereignis: muss in Form von tatsächlichen Parametern an die Funktion übergeben werden, bevor es verwendet werden kann

Ändern Sie den Inhalt in p
innerHTML: Der gesamte Inhalt im Objekt (Textinhalt und Etiketteninhalt), bezieht sich im Allgemeinen auf Doppeletiketten oder Container Tag
innerText: Der gesamte Textinhalt im Objekt

document.createElement("tag name");
document.body.appendChild(object);
removeChild(object)
document.body ist das Body-Tag-Objekt
document. documentElement ist das HTML-Tag-Objekt

ECMAscript, BOM, DOM
1.window: das Objekt der höchsten Ebene
2.BOM: Browserobjekt: Browserobjektmodell
3.DOM: Dokumentobjekt Modell: Dokumentobjektmodell
4.BOM: Es existiert, sobald die Webseite geöffnet wird
5.DOM: zu bedienender Code
6.Dokument ist eine Verknüpfung zwischen DOM und BOM
Dokument hat Untergebene, andere haben keine Untergebenen [Mehrere Fenster]

window.open("Link", "name", "Settings");
1.width: Legen Sie die Fensterbreite fest
2. height: Stellen Sie die Fensterhöhe ein
3.left: Der Abstand vom neuen Fenster zum linken Ende
4.top: Der Abstand vom neuen Fenster zum oberen Ende
5.srollbars: Bildlaufleisten [ja , nein, 1 ,0】
6.toolbar: Werkzeugklasse【yes,no,0】
7.location: Adressleiste
window.close: Fenster schließen
window.close()

Timer erstellen:
Einmaliger Timer: window.setTimeout("function()", Zeit t)
Ausführung: Führen Sie den JS-Code nach Zeit t aus [wird nur einmal ausgeführt]
Zeit: In Millisekunden

Wiederkehrender Timer: window.setInterval("function()", time t)
Zeit: in Millisekunden
Ausführung: Wird jedes Mal t ausgeführt Einmal js-Code [n mal]

Timer löschen:
Einmaligen Timer löschen: window.clearTimeout(Timer-Name)
Wiederkehrenden Timer löschen: window.clearInterval(Timer-Name) )
Hinweis: Zu Um den Timer zu löschen, müssen Sie den Timer-Namen angeben. Anonyme Timer können nicht gelöscht werden

Methode zum Finden des Objekts:
di:document.getElementById("id name");
Tag:document. getElementsByTagName("tag name")//Ruft eine Sammlung (Array) von Objekten ab
Object.getElementByTagName(tag name)
name:document.getElementByName("name");/ /Formularsammlung (Array)
className:document.getElementByClassName("class name");//Collection (array)[firefox]
document.images;//Img-Objekt abrufen (array)
document links;//Link-Objekt abrufen ( array)
document.forms;//Get form object (array)
document.body;//body tag object
document.documentElement;//HTML object
event: event information object
dieses: aktuelles Objekt

Standortobjekt
location.href: URL-Informationen zurückgeben [Sie können URL-Informationen abrufen oder ihr einen Wert zuweisen, um zur Seite zu springen]
location.assign() : Neues Dokument laden [Seite springen]
location.reload(): Aktuelles Dokument neu laden [Seite aktualisieren]
location.replace(): Aktuelles Dokument durch ein neues Dokument ersetzen [Seite springen]

Der Unterschied zwischen location.assign und location.replace:
location.assign: generiert historische Datensätze
location.replace: generiert keine historischen Datensätze

history-Objekt:
history . Länge: Die Anzahl der angezeigten URLs
history.back(): Zurück zur vorherigen Seite im Verlauf
history.forward(): Die nächste Seite im Verlauf laden
history.go(n) : Springen Sie zu der im Verlaufsdatensatz angegebenen Seite. Wenn es -1 ist, handelt es sich tatsächlich um die Funktion von History.back()

Bildschirmobjekt
screen.height: Ermitteln Sie die Höhe des Bildschirms
screen.width: Ruft die Breite des Bildschirms ab
screen.availHeight: Ruft die Höhe ohne Taskleiste ab
screen.availWidth: Ruft die Breite ohne Taskleiste ab

Navigatorobjekt
Navigator .appName: Browsername
navigator.appCodeName: Browsercodename
navigator.appVersion: Browserversionsnummer und Plattforminformationen
navigator.userAgent: Browserinformationen

DOM: beschreibt die Beziehung zwischen verschiedene Komponenten der Webseite
var obj = document.getElementById("id name")
Das Leerzeichen in Firefox wird auch als Knoten gezählt
parentNode: übergeordneter Knoten
childNodes: untergeordneter Knoten
firstChild: erster untergeordneter Knoten
lastChild: der letzte untergeordnete Knoten
nextSibling: der nächste Geschwisterknoten [Hinweis: Es muss sich um dieselbe übergeordnete Beziehung handeln]
previousSiblind: der vorherige Geschwisterknoten [Hinweis: Es muss die gleiche Elternbeziehung sein]

Anmeldeüberprüfung:
onsubmit: Formularübermittlungsereignis
onsubmit="return function ()"

Verwandte Empfehlungen:

Detaillierte Erläuterung der PHP-Grundkenntnisse

Grundkenntnisse, die JavaScript kennen muss

Teilen grundlegender JavaScript-Interviewfragen

Das obige ist der detaillierte Inhalt vonZusammenfassung und Austausch der grundlegenden Wissenspunkte von js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!