Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung gängiger Javascript-Methoden_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:59:13
Original
1023 Leute haben es durchsucht

1. JavaScript: HTML-Ausgabe schreiben

Code kopieren Der Code lautet wie folgt:

document.write("

Dies ist eine Überschrift

");
document.write("

Dies ist ein Absatz

");

2. JavaScript: Auf Ereignisse reagieren

Code kopieren Der Code lautet wie folgt:


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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage