Heim > Artikel > Web-Frontend > Grundkenntnisse in Javascript (3) Stückliste, DOM-Zusammenfassung_Grundkenntnisse
Fensterobjekt:
Fenster öffnen und schließen:
window.open()
Drei Parameter: 1. Die URL der Seite, die das neue Fenster lädt
2. Der Name des neuen Fensters
3. Charakteristische Zeichenfolge und Beschreibung, ob der boolesche Wert der aktuell geladenen Seite durch die neu geladene Seite ersetzt werden soll.
window.close()
Systemdialog:
1.alert("Hallo Welt!");
2.confirm("Sind Sie sicher?");---Wählen Sie
3.prompt("Wie ist Ihr Name?","");
Zeitintervall
setTimeout("alert('hello world!')",3000) führt „Hello World“ nur einmal alle 3 Sekunden aus
cleanTimeout
setInterval("alert('hello world')".3000) wird alle 3 Sekunden ausgeführt
CleanInterval
Geschichte
window.history.go(-1) kehrt zur vorherigen Seite zurück
window.history.back kehrt zur vorherigen Seite zurück
window.history.go(1) Eine Seite vorwärts gehen
window.history.forward eine Seite weiterleiten
window.history.length fragt die Anzahl der Seiten im Verlauf ab
Dokumentobjekt:
document.links[0]Zugriffslink
document.images[0] oder document.images["imgHome"] greifen auf Bilder zu
document.forms[0] oder document.forms["frmSubscribe"]-Zugriffsformular
Standortobjekt
href: Die vollständige URL der aktuell geladenen Seite
Der wichtigste Knoten im DOM:
1.Elementknoten (Element);
2. Attributknoten (Attribute);
3. Textknoten (Text);
4. Kommentarknoten (Kommentar);
Gemeinsame Methoden für alle Knotentypen:
Suchen:
nodeName: Knotenname
nodeValue: Der Wert des Knotens (hauptsächlich für Textknoten, wenn es sich um einen Elementknoten handelt, wird null zurückgegeben;)
nodeType: Knotentyp
firstChild: der erste Sohn****
letztes Kind: der zweite Sohn****
childNodes: alle untergeordneten Knoten***** (zwei Methoden)////
previousSibling: zeigt auf den vorherigen Geschwisterknoten (Geschwister **);
nextSibling: zeigt auf den nächsten Geschwisterknoten (Geschwister**);Bedienung:
Attribute: enthält ein Attr-Objekt, das die Eigenschaften eines Elements darstellt und nur für Elementknoten
verwendet wirdappendChild: Am Ende einen neuen Knoten hinzufügen
removeChild: Einen Knoten löschen
replaceChild:replace
insertBefore: Einen Knoten vor... hinzufügen
Erstellt von:
createElement: Erstellt einen Elementknoten
createTextNode: Erstellt einen Textknoten
Klonen:
cloneNode: Kopieren Sie einen Knoten true (tiefe Kopie) false (flache Kopie)
Zugriff auf den angegebenen Knoten:
getElementById: Suchen Sie die angegebene ID;
getElementsByTagName: Finden Sie den Typ des angegebenen Elements (in Form eines Arrays);getElementsName: Finden Sie den Namen des angegebenen Elements;
Attributsuche, Änderung, Einstellung:getArrtibute: Attributsuche;
setArrtibute: Attributänderung Zum Beispiel: Der erste Parameter von setArribute(class, red) dient zum Ändern der Klasse und der zweite Parameter wird auf red gesetzt
removeAttibute: Attribut löschen;Überschreiben, den Wert des Textes hinzufügen:
innerHTML