Heim  >  Artikel  >  Web-Frontend  >  Grundkenntnisse in Javascript (3) Stückliste, DOM-Zusammenfassung_Grundkenntnisse

Grundkenntnisse in Javascript (3) Stückliste, DOM-Zusammenfassung_Grundkenntnisse

WBOY
WBOYOriginal
2016-05-16 16:34:541338Durchsuche

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 wird

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

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