suchen

Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung gängiger Javascript-Methoden_Javascript-Kenntnisse

Zusammenfassung gängiger Javascript-Methoden_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:59:131023Durchsuche

1. JavaScript: HTML-Ausgabe schreiben

Code kopieren Der Code lautet wie folgt:

document.write("4a249f0d628e2318394fd9b75b4636b1Dies ist eine Überschrift473f0a7621bec819994bb5020d29372a");
document.write("e388a4556c0f65e1904146cc1a846beeDies ist ein Absatz94b3e26ee717c64999d7867364b1b4a3");

2. JavaScript: Auf Ereignisse reagieren

Code kopieren Der Code lautet wie folgt:

247ed3441f34b4891317cdcf2165625cKlicken Sie hier65281c5ac262bf6d81768915a4a77ac0

3. JavaScript: HTML-Inhalt ändern

Code kopieren Der Code lautet wie folgt:

x=document.getElementById("demo") //Element suchen
x.innerHTML="Hallo JavaScript"; //Inhalt ändern

4. JavaScript: HTML-Bilder ändern

Code kopieren Der Code lautet wie folgt:

element=document.getElementById('myimage')
element.src="../i/eg_bulboff.gif";

5. HTML-Stil ändern

Code kopieren Der Code lautet wie folgt:

x=document.getElementById("demo") //Element finden
x.style.color="#ff0000"; //Stil ändern

6. Bei JavaScript wird die Groß-/Kleinschreibung beachtet.

JavaScript unterscheidet zwischen Groß- und Kleinschreibung.
Achten Sie beim Schreiben von JavaScript-Anweisungen darauf, die Groß-/Kleinschreibung zu deaktivieren.
Die Funktionen getElementById und getElementbyID sind unterschiedlich.
Ebenso unterscheidet sich die Variable myVariable von MyVariable.

7. Tipp: Eine gute Programmiergewohnheit besteht darin, die erforderlichen Variablen am Anfang des Codes zu deklarieren.

8. Wert = undefiniert

In Computerprogrammen werden häufig Variablen ohne Wert deklariert. Der Wert einer ohne Wert deklarierten Variablen ist eigentlich undefiniert. Nach Ausführung der folgenden Anweisung ist der Wert der Variablen carname undefiniert:
var autoname;

9. Erstellen Sie JavaScript-Objekte
In diesem Beispiel wird ein Objekt mit dem Namen „Person“ erstellt und ihm vier Eigenschaften hinzugefügt:

Code kopieren Der Code lautet wie folgt:

person=new Object();
person.firstname="Bill";
person.lastname="Tore";
person.age=56;
person.eyecolor="blue";

10. JavaScript-Formularüberprüfung

Erforderliche (oder erforderliche) Artikel
Mit der folgenden Funktion wird überprüft, ob der Benutzer die erforderlichen (oder erforderlichen) Elemente im Formular ausgefüllt hat. Wenn erforderlich oder das erforderliche Feld leer ist, wird ein Warnfeld angezeigt und der Rückgabewert der Funktion ist falsch, andernfalls ist der Rückgabewert der Funktion wahr (was bedeutet, dass kein Problem mit den Daten vorliegt): 

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er gefällt euch allen

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
Vorheriger Artikel：Beispiel für die Verwendung der DOM-Kontrollkästchenauswahl in Javascript_Javascript-KenntnissenNächster Artikel：Beispiel für die Verwendung der DOM-Kontrollkästchenauswahl in Javascript_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen