Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung gängiger JavaScript-Tags und Methoden_Javascript-Kenntnisse

Zusammenfassung gängiger JavaScript-Tags und Methoden_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:41:211153Durchsuche

Was ist Javascript?

(1) JavaScript ist eine objekt- und ereignisgesteuerte Skriptsprache mit Sicherheitsfunktionen.

(2) JavaScript ist eine von Netscape entwickelte Skriptsprache. Die damit geschriebenen Programme können in HTML-Seiten eingebettet und direkt im Browser interpretiert und ausgeführt werden.

(3) JavaScript kann vom Browser direkt interpretiert und ausgeführt werden, wodurch der Serverdruck besser reduziert und die Effizienz des Programmbetriebs verbessert werden kann.

//Ereignis (Ereignishören):

//Tag object.Event Monitoring.function(){Ausgeführter Code, Objekt finden, Attribute finden, Attribute ändern};

Ereignisquelle. Rufen Sie eine Methode auf, findet das Objekt, findet die Attribute und ändert die Attribute (oder verwendet Attribute, fügt hinzu, löscht, ändert und überprüft)

onmouseover Bewegen Sie die Maus über ein Element

onmouseout Bewegen Sie die Maus von einem Element weg

onkeydown Drücken Sie die Tastatur (d. h. halten Sie sie gedrückt)

onkeypress Drücken Sie die Tastatur und lassen Sie sie wieder los (d. h. klicken, drücken und loslassen)

oonkeyup Lassen Sie die Tastatur los (d. h. wenn sie losgelassen wird)

onclick Maus nach unten und dann nach oben (klicken)

onmousedown Die Maustaste wird gedrückt (gedrückt halten)

onmousemove Mausbewegung (Bewegen mit oder ohne Drücken)

onmouseout Die Maus bewegt sich über ein Element (wenn die Maus darauf platziert wird)

onmouseup Lassen Sie die Maustaste los (wenn die Maus losgelassen wird)

onresize Die Größe des Fensters oder Rahmens wird geändert

window.onresize

Onsubmit-Formularübermittlung

onblur Das Element verliert den Fokus

onfocus Das Element erhält den Fokus

Die Breite und Höhe des leeren Bereichs des Browsers (dh die Breite und Höhe des Browsers)

Breite: document.documentElement.clientWidth;

High:document.documentElement.clientHeight;

//So erhalten Sie das Objekt:

                        // window.document.getElementById('miao'); // window kann weggelassen werden


document.getElementById('miao');//ID ist eindeutig und kann nicht in Konflikt geraten, daher wird ein Objektwert und kein Array erhalten


document.getElementsByTagName("a");//Der Tag-Name ist nicht eindeutig. Rufen Sie alle Tag-Objekte ab und generieren Sie ein Array


document.getElementsByClassName("a");//className ist nicht eindeutig, alle Beschriftungsobjekte mit className a abrufen und ein Array generieren


🎜>

Es ist das gesamte Tag

Wenn Sie nach dem Abrufen des Objekts den Inhalt des Tags abrufen möchten, können Sie das innerHTML-Attribut des Objekts aufrufen

Label object.innerHTML: stellt den Text zwischen Labels dar

Label object.innerHTML = neue Daten: Zuweisen von Werten zum Inhalt zwischen Tags

//Popup:

Alert(): ein normales Popup-Fenster

Confirm(): öffnet ein Bestätigungs- und Stornierungs-Popup-Fenster

prompt(): Popup mit Eingabefeld

setTimeout(func,n);//Timer, führe das Programm in func nach n Sekunden aus, die Einheit ist Millisekunden

                                                                                                                                                                                                              

setInterval(func,n): Etwas in einem festen Zeitintervall ausführen


clearInterval(s);

//String-Konvertierung in numerischen Typ parseInt();

var h =document.documentElement.clientHeight;//Ermitteln Sie die Höhe des Browsers


var w =document.documentElement.clientWidth;//Ermitteln Sie die Breite des Browsers


var div1 = document.getElementById("id");//Erhalten Sie das Objekt des Tags, dessen ID id ist


iw=parseInt(w)//W in numerischen Typ konvertieren


ih=parseInt(h)


div1.style.height=ih 'px';//Zuweisung


div1.style.width=iw 'px';

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er in Zukunft für alle hilfreich sein wird, wenn er JavaScript-Tags und -Methoden verwendet.

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